@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
 * {
  padding: 0;
  margin: 0;
} 
ul {
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
button, input, optgroup, select, textarea {  
  font-family: 'indivisible', sans-serif !important;
}
 
p, ul, li, ul li, ul li a,p,span,div, button{font-family: 'indivisible' !important;}

/* Nav Bar Css */
.gradient-btn {
  background:linear-gradient(-90deg, #CC9933, #F2D28C, #BF8500, #BF8500) !important;
}
.border-2-w{border: 0.01vw solid #fff !important;}

/* New style 11-02-2025 */
.userHeadPicBtn svg {
  width:25px;
  height: 25px;
}
.LogoAfterSignIn{padding:0 0vw;}
.LogoAfterSignIn img{height:50px; max-width: 100%;}
.HeaderAfterSignIn{padding: 12px 0 !important; border-bottom: 1px solid #ccc !important;}
.HeaderAfterSignIn .custom-button-class{margin-left: 1.5vw !important;
  padding: 0 !important; height: 50px !important;
  max-width: 45px !important;     
  /* font-size: 0 !important; */
  line-height: 0 !important;
  min-width: 45px !important;}
  .HeaderAfterSignIn .chatNavBtn{margin-left: 1.5vw !important;
  padding: 0 !important; height: 50px !important;
  max-width: 45px !important;    
   /* font-size: 0 !important; */
  line-height: 0 !important;
  min-width: 45px !important;}
.heartnav img {
  width:25px !important;
  height: 25px !important;
}
.messagenav img {
  width: 25px !important;
  height: 25px !important;
}
.userHeadPicBtn{margin-left: 1.5vw !important; padding: 0 !important;}
.userHeadPic{ width: 40px !important; height: 40px !important; border-radius:50px !important; -webkit-border-radius:50px !important; -moz-border-radius:50px !important; -ms-border-radius:50px !important; -o-border-radius:50px !important; }
@media (max-width: 1199px) {
  .HeaderAfterSignIn .ToolbarNav {
      min-height: inherit !important;
  }
} 
.userHeadPicBtn:hover{background: none !important;}
/* New style 11-02-2025 */

/* Nav Bar Css end */

/* h1{ font-family: 'Playfair Display' !important; font-style: italic;} */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animated-text {
  animation: fadeInUp 1s ease-out;
}

.animated-text-delayed {
  animation: fadeInUp 1.5s ease-out;
}




/* @keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(-100%);  
}
}

#loading {
  animation: fadeOut 1s ease-in-out 2s forwards; 
} */
/* .stykbtnsebtn:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 10px;
  background: #000;
  transform: translateX(-50%);
  filter: blur(14px);
  z-index: -1;
  top: 25px;
}
.stykbtnsebtn .pb-16.pdBopsetmobile {
  background: #fff;
}
.stykbtnsebtn div {
  background: #fff;
} */


/* Banner.css */

.banner {
    position: relative;
    height:100vh; /* Adjust based on your design */
    overflow: hidden;
    /* top: -81px; */
  }
  
  .banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .video-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Placeholder color */
    display: flex;
    align-items: start;
    justify-content: start;
    color: white;
    font-size: 20px;
  }
  
  .banner-content {
    position: relative;
    z-index: 1;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    color: white;
    text-align: center;
    padding: 0 20px 20px 0;
  }
  
  .banner:before{content: ""; position: absolute; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgb(255 255 219 / 0%), #000);}





  /* Loader styles */
  #loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    /*Initiallyvisible*/transition: opacity 1s ease-in-out;
    /*Smoothfadeeffect*/z-index: 9999; 
}
  
  #loading.hidden {
    opacity: 0;  /* Fade out */
    pointer-events: none;  /* Prevent interactions */
  }
/*  
  #loading {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    inset: 0;
    background-color: rgb(105, 67, 39);
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
    transition: all 2s;
  }
  
  #loading img {
    width: 25%;
    height: auto;
  } */
  
  @keyframes fadeOut {
    0% {
      opacity: 1; 
      transform: translateY(0);
    }
    100% {
      opacity: 1;
      transform: translateY(-100%);  
  }
  }
  
  /* #loading {
    animation: fadeOut 1s ease-in-out 2ms forwards;
    -webkit-animation: fadeOut 1s ease-in-out 2ms forwards;
} */


/* Animation for hiding loader */
/* .hidden {
  opacity: 1;  height: 0;
  /* visibility: hidden;  
  transition: all 2s;
} */

 h2{font-size: 48px !important;}
/* .font-p{font-family: 'Playfair 9pt'!important;} */
.font-p{font-family: "ivypresto-headline" !important;}
.font-m{font-family: 'indivisible' !important;}
.font-e{font-family: 'PP Editorial New' !important;}

.fw-900{font-weight: 900;}

.font-64{font-size: 64px;}
.font-48{font-size: 48px;}
.font-40{font-size: 40px !important;}
.font-36{font-size: 36px;}
.font-34{font-size: 34px;}
.font-32{font-size: 32px;}
.font-24{font-size: 24px;}
.font-20{font-size: 20px;}
.font-18{font-size: 18px;}
.font-16{font-size: 16px;}
.font-14{font-size: 14px;} 
.font-12{font-size: 12px;} 
.font-10{font-size: 10px;} 
.text-italic{font-style: italic;} 


.text-g{background-image: linear-gradient(-90deg, #CC9933, #F2D28C, #BF8500, #BF8500) !important;
  color: transparent;
  background-clip: text;}
  .text-gold{color: #5F3D23;}
  .text-gold-light{color: #916008;}
  .color7b{color: #525d67;}
  .colorc3{color: #081726;} 
  .color3c{color: #081726;} 
 .btn-output{ border: 1px solid #CC9933 !important; color: #CC9933 !important; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; }
 .btn-output:hover{background: linear-gradient(-90deg, #CC9933, #F2D28C, #BF8500, #BF8500) !important; color: #000 !important;}

.w-100-px{width: 100px;}
.w-200-px{width: 200px;}
.w-300-px{width: 300px;}
.w-400-px{width: 400px;}
.w-425-px{width: 425px;}
.w-500-px{width: 500px;}
.w-500-px{width: 600px;}

.mw-100-px{max-width: 100px;}
.mw-200-px{max-width: 200px;}
.mw-300-px{max-width: 300px;}
.mw-400-px{max-width: 400px;}
.mw-425-px{max-width: 425px;}
.mw-500-px{max-width: 500px;}
.mw-570-px{max-width: 570px;}
.mw-600-px{max-width: 600px;}

.pz-2{position: relative; z-index: 3;}


.w-c40{color: rgba(255, 255, 255, 0.4);}


.redefImg{ position: relative; transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.redefImg::before{content: ""; position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgb(255 255 219 / 0%), #000);}
  .goldshadow{position: relative; z-index: 2;}
.goldshadow:before{content: ""; background: #5F3D23; height:1000px; border-radius:100% ; -webkit-border-radius:100% ; -moz-border-radius:100% ; -ms-border-radius:100% ; -o-border-radius:100% ; width: 100%; display: inline-block; position: absolute; top: -20%;     filter: blur(131px); z-index: -1; }
.redefImg::after{ content: "";
  position: absolute; top: 0;
  right: 0; 
  left: 0;}
.redefImg:hover::after{  
  bottom: 0; 
  box-shadow: inset 0 0 0 8px rgb(255 255 255 / 10%);
  transition:0.3s ;
  border-radius:15px ;
  -webkit-border-radius:15px ;
  -moz-border-radius:15px ;
  -ms-border-radius:15px ;
  -o-border-radius:15px ;
}

.redefImg .details{position: absolute; bottom: 0; left: 0;}
 
.redefImg .img{display: inline-block; height: 591px; display: flex; justify-content: center; align-items: center; object-fit: cover;}
.redefImg .img img{width: 100%; height: 100%; object-fit: cover;}



.eftrDf .font24vw {
  font-size: 1.25vw !important;
}
.eftrDf .font08vw {
  font-size: 0.8vw !important;
}

.rNmdata{ display: inline-block; padding: 8px 20px; border-radius:8px ; background: #916008; border: none; color: #fff;}


/*USE CSS for Slider*/

.vehicle-detail-banner .car-slider-desc {
  max-width: 180px;
  margin: 0 auto;
}
 
.banner1-slider{display: flex; justify-content: space-between; align-items: center;}
.banner1-slider .slider.slider-for {
  max-width: 45%;
  padding-left: 35px;
}
.banner1-slider .slider.slider-nav {
  min-width: 500px;
  max-width: 55%;
  display: flex; justify-content: space-between; align-items: center;
}
.banner1-slider .slider.slider-for,
.banner1-slider .slider.slider-nav {
  width: 100%; 
}
.banner1-slider .slider.slider-nav {
  height: 610px;
  overflow: hidden;

}
.slider-banner-image {
  height: 610px;
  border-radius:20px ;
  -webkit-border-radius:20px ;
  -moz-border-radius:20px ;
  -ms-border-radius:20px ;
  -o-border-radius:20px ;
  overflow: hidden;
}
.banner1-slider .slider.slider-nav {
  padding: 20px 0 0;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{
  max-width: 178px;
  height: 110px;
  margin: 0 auto;
  border: 1px solid #EBEBEB;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
  height: 100%;
  width:100%;
  object-fit: cover;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
  border: 0;
  outline: 0;
}
.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
  border: 2px solid #196DB6;
}
.slider-nav .slick-slide.slick-current span {
  color: #196DB6;
}
.slider-nav .slick-slide {
  text-align: center;
}
.slider-nav .slick-slide span {
  font-size: 14px;
  display: block;
  padding: 5px 0 15px;
}

.slick-dots li{height: auto !important;}
.slick-dots {      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      gap: 5px;
  bottom: 0 !important;}
  .slick-dots li button{background: #333333 !important; padding: 0 !important;}
   
.slick-vertical .slick-slide {
  padding: 10px 0;
}
.thumbnail-image{ transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.thumbnail-image:hover {
  cursor: pointer;
  color: rgb(255 255 255 / 100%);
}
.slick-dots {
  right: 0px !important;
  width: 50px !important;
  /* position: fixed !important; */
  top:50%;     height: 155px;
  transform: translateY(-50%);
}
.slick-dots li button{width: 16px !important; height: 16px !important; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.slick-dots li.slick-active button{height: 50px !important;
  background: linear-gradient(-90deg, #CC9933, #F2D28C, #BF8500, #BF8500) !important;
  transition: 0.9s; margin-top: 10px;
  border-radius: 10px !important;}
  .slick-dots li button::before{display: none !important;}

/*End USE CSS for Slider*/

@media screen and (max-width : 991px) {

.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
    max-width: 100%;
    float: none;
}
.banner1-slider .slider.slider-for {
  padding-right: 0;
}
.banner1-slider .slider.slider-nav {
  height: auto;
}
.slider-banner-image {
    height: 500px;
} 
.slider.slider-nav.thumb-image {
      padding: 10px 30px 0;
}
.slider-nav .slick-slide span {
  padding: 5px 0;
}
.slick-arrow {
  padding: 0;
    width: 30px;
    height: 30px;
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
.slick-prev {
    left: 0;
    right: unset;
}
.slick-next {
    left: unset;
    right: 0;
     background-color: transparent;
}
.vehicle-detail-banner .car-slider-desc {
    max-width: 340px;
}
.bid-tag {
    padding: 10px 0 15px;
}
.slider.slider-nav.thumb-image {
   white-space: nowrap;
}
.thumbnail-image.slick-slide {
  padding: 0px 5px;
  min-width: 75px;
  display: inline-block;
  float: none;
}
}

@media screen and (max-width : 767px) {
.slider-banner-image {
    height: 400px;
}
.slider.slider-nav.thumb-image {
    padding: 0px 20px 0;
    margin: 10px 0px 0;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg {
  max-width: 140px;
  height: 80px;
}
.slick-prev.slick-arrow {
    background-position: center 10px;
}
.slick-next.slick-arrow {
    background-position: center 10px, center;
}
.slider-nav .slick-slide span {
    font-size: 12px;
    white-space: normal;
}
}

@media screen and (max-width: 580px) {
.slider-banner-image {
    height:340px;
}
}

@media screen and (max-width : 480px) {
.slider-banner-image {
    height:280px;
}
}



/* .phonescreenBg{background: url(../images/your-privacybg-man.png) no-repeat center top fixed;  
  background-size: cover; position: relative; z-index: 2;
} */
.phonescreenBg {
  background: url(../images/your-privacybg-man.png) no-repeat center center;
  background-size: contain;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 89px 0;
}
.phonescreenBg .img{position: relative; display: inline-block; }
.phonescreenBg .img::before{
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: rgb(255 255 255 / 20%);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  display: inline-block;
  border-radius: 27px 27px 27px 27px;
  z-index: -1;
  -webkit-border-radius: 27px 27px 27px 27px;
  -moz-border-radius: 27px 27px 27px 27px;
  -ms-border-radius: 27px 27px 27px 27px;
  -o-border-radius: 27px 27px 27px 27px;
}
 
.phonescreenBg .img2 {
  position: absolute;
  bottom: 5%;
  left: 0px;
  z-index: -2;
}

.bgshadowsetLeft{position: relative; overflow: hidden; z-index: 2;}
.bgshadowsetLeft::before{ 
  content: "";
  background: #5F3D23;
  height: 810px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 35%;
  display: inline-block;
  position: absolute;
  top: 30%;
  left: 6%;
  filter: blur(131px);
  z-index: -1;}

.mainHowLuxuryBg{background: url(../images/rectangle-4962.png) no-repeat center top fixed; padding-top: 400px; padding-bottom: 100px;
  background-size: cover; position: relative; z-index: 2;
}
.mainHowLuxuryBg:before {
  content: "";
  position: absolute; z-index: -1;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgb(255 255 219 / 0%), #000);
} 

.yourPrivacyText .img{width: 40px; height: 40px; min-height: 40px; min-width: 40px; max-width: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column;}












.ReadytoExperience {
  position: relative;  
   /* Full height for the section */
  width: 100%;   /* Full width */
  height: 20vw;
}
.ReadytoExperience video{opacity: 0.5;}
.ReadytoExperience .jarallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the video covers the entire section */
  z-index: -1; /* Puts the video behind the content */
}

.text-center {
  z-index: 2; /* Ensures the text and button appear above the video */
}




.path-animation {
  stroke-dasharray: 1000;
  /*Lengthofthepath*/stroke-dashoffset: 1000;
  /*Initiallyhidden*/animation: drawPath 2s forwards, fillPath 1s 2s forwards;
   /* First draw, then fill */
  -webkit-animation: drawPath 2s forwards, fillPath 1s 2s forwards;
}

@keyframes drawPath {
  100% {
    stroke-dashoffset: 0; /* Path will be fully drawn */
  }
}

@keyframes fillPath {
  0% {
    fill: none;
    stroke: #fff;
  }
  100% {
    fill: url(#a); /* Apply gradient fill */
    stroke: none;
  }
}

/*   
 /* Disable transform when hovering on a thumbnail  
.thumbnail-image:hover, .slick-slider .slick-track {
  transform: none !important;  /* Reset transform  
  opacity: 1 !important;        /* Ensure opacity is also reset  
}
.slick-slider{position: inherit !important;}
/* Optional: Apply specific styles for the .slick-track when hovered  
.slick-slider .slick-track {
  transition: none !important;
  height: auto !important;
  transform: none !important;
}
.slick-list{height: auto !important;}

/* Prevent .slick-current from moving on hover  
.slick-current {
  transform: none !important; /* Disable any transform (like translate3d)  
  transform: none !important;
  opacity: 1 !important;       /* Ensure the opacity stays normal  
}

/* Optional: Ensure the transformation is disabled during hover over the thumbnails  
.thumbnail-image:hover .slick-current {
  transform: none !important;
  opacity: 1 !important;
}
 */
 /* .ToolbarNav {
  min-height: 3vw !important;
} */
 .logo-color{display: none;}














 
  .custom-swiper {
    width: 100%;
    height: 500px;  z-index: 2;
  }
 
  
  .swiper-slide {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .slide-content {
    display: flex;
        /* flex-direction: column; */
        align-items: center;
        justify-content: space-between;
        /* text-align: center; */
        width: 100%;
  }
  
  .slide-image {
    max-width: 100%;
    height: auto;
    margin-top: 1rem;
  }

/* Fade-in and slide-up animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply animation to text elements */
.text-section.text-start.px-4.animated-text.mw-500-px.w-100.topsetup {
  position: relative;
  top: -50px;
}
.text-section.text-start.px-4.animated-text.mw-500-px.w-100.bottomsetup {
  position: relative;
  bottom: -50px;
}
.sliderImgPstion {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.animated-text {
  animation: fadeInUp 1.5s ease-in-out both;
}


  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 16px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 16px))!important;
    background: var(--swiper-pagination-bullet-inactive-color, #ffffff) !important;
    transition:0.9s ;
    -webkit-transition:0.9s ;
    -moz-transition:0.9s ;
    -ms-transition:0.9s ;
    -o-transition:0.9s ;
}
  /* .swiper-pagination-bullet-active {
    height: 50px !important;
    background: linear-gradient(-90deg, #CC9933, #F2D28C, #BF8500, #BF8500) !important;
    transition:0.9s ;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    -webkit-transition:0.9s ;
    -moz-transition:0.9s ;
    -ms-transition:0.9s ;
    -o-transition:0.9s ;
} */
    
.borderBtmGrnt{position: relative;}
.borderBtmGrnt:after{ content: ""; display: inline-block; width: 100%; height: 1px; background: radial-gradient(#BF8500, rgb(255 255 255 / 0%)); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }





.stickyTop {
  position: sticky;
  top: 80px;
  
  z-index: 10;
  padding: 20px; 
}

/* .heightVh100{height: 100vh;} */

.Exclusivetext{max-width: 60%; width: 100%;}
.ExclusiveImg{max-width: 40%; width: 100%;}
.ExclusiveImg img{ border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }

.ExclusiveImg .img1{position: sticky; top:70px;}
.ExclusiveImg .img2{position: sticky; top: 70px;}
.ExclusiveImg .img3{position: sticky; top: 70px;}
.ExclusiveImg .img4{position: sticky; top: 70px; }
 

 
.navigation__link {
  display: block;
  color: #3D3D3D;
  text-decoration: none;
  padding: 1em; 
  font-weight: 400;
}
.navigation__link:hover h2 {
   color: #ffffff;
}
.navigation__link.active h2 {
  color: white;
  transition:0.6s ;
  -webkit-transition:0.6s ;
  -moz-transition:0.6s ;
  -ms-transition:0.6s ;
  -o-transition:0.6s ;
}


.ExclusiveImg .img{height: 638px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.ExclusiveImg .img img{width: 100%; height: 100%; object-fit: cover; display: flex; justify-content: center; align-items: center; flex-direction: column;}


/* Scroll bar start */
.Scroll-none::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.Scroll-none::-webkit-scrollbar-track {
  background-color: #ccc;
}
.Scroll-none::-webkit-scrollbar-thumb {
  background-color: #1b40f7;
}
.Scroll-none::-webkit-scrollbar-track, .Scroll-none::-webkit-scrollbar-thumb {
  border-radius: 12px;
} 

/* Scroll bar End */

/* .overflowauto::-webkit-scrollbar {
  width: 0px;
  height: 0px; 
}
.overflowauto:hover::-webkit-scrollbar{  width: 10px;
  height: 10px;}
.overflowauto::-webkit-scrollbar-track {
  background-color: #fff;
}
.overflowauto::-webkit-scrollbar-thumb {
  background-color: #916008;
}
.overflowauto::-webkit-scrollbar-track, .overflowauto::-webkit-scrollbar-thumb {
  border-radius: 12px;
}  */


.overflowauto {
  overflow: auto; /* Ensure scroll behavior */
}

.overflowauto::-webkit-scrollbar {
  width: 0.6vw; /* Hide the scrollbar by default */
  height: 0.6vw;  
}

 

.overflowauto::-webkit-scrollbar-track {
  background-color: #fff;
}

.overflowauto::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.overflowauto:hover::-webkit-scrollbar-thumb {
  background-color: #8b8b8b;
}

.overflowauto::-webkit-scrollbar-track, .overflowauto::-webkit-scrollbar-thumb {
  border-radius: 12px;
}


/* Footer Start */
.FooterSecInner{padding: 50px 0 0 0;  gap: 2rem; border-top: 2px solid #000; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.footer-link li:first-child a{padding-left: 0 !important;}
.footer-link li a {
 font-size: 14px;
} 
.footer-link li a:hover {
  color: #916008 !important;
}

@media (max-width:1399px){ 
  .Exclusive-Sec h2 {
    font-size: 40px !important;
}
.Exclusive-Sec a.thumbnailText.py-16 {
  padding: 10px 10px !important;
}
.logoFooter.text-center.mw-300-px {
  min-width: 270px;
}
.footer-link li a {
  padding: 10px 0 !important;
} 
}



@media (max-width:1199px){ 
/* Home Banner Seaction Start */
.homebanner-Sec h1{font-size: 48px;}
.homebanner-Sec .font-20 {
  font-size: 16px;
}
.homebanner-Sec button{font-size: 14px !important;
  padding: 7px 13px !important;}
  .homebanner-Sec p.mw-400-px{max-width: 350px;}
/* Home Banner Seaction End */


/* Why Settlr section Start */
.SettleLess-Sec h2{font-size: 36px !important;}
 .SettleLess-Sec .font-64 {
  font-size: 50px;}
  .SettleLess-Sec .font-24{font-size: 18px;}
  .SettleLess-Sec .font-36{font-size: 26px;}
  /* Why Settlr section End */

  /* Redefining Section Start  */
  .Redefining-Sec .font-64{font-size: 50px;}
  .Redefining-Sec h2 {
    font-size: 36px !important;
}
.redefImg .img { 
  height: 480px;}
  .redefImg .font-32 {
    font-size: 25px;
}
.Redefining-Sec h2 {
  font-size: 36px !important;
}
.Redefining-Sec .font-64 {
  font-size: 50px;
}
  /* Redefining Section End  */

  /* Exclusive-Sec Section Start  */
  .Exclusive-Sec h2{font-size: 36px !important;}
  .Exclusive-Sec a h2{font-size: 26px !important;}
  .Exclusive-Sec a .font-24{font-size: 16px !important;}
  .Exclusive-Sec .font-64{font-size: 50px !important;}
  .Exclusive-Sec a.thumbnailText.py-16{
    padding: 8px 10px !important;
}
.Exclusive-Sec .ExclusiveImg .img {
  height: 420px;}
  /* Exclusive-Sec Section End  */


  /* HowLuxury-Sec Section Start  */
  .HowLuxury-Sec h2 {
    font-size: 36px !important;
}
.HowLuxury-Sec .font-32 {
  font-size: 26px;
}
.HowLuxury-Sec .font-16 {
  font-size: 14px;
}
  /* HowLuxury-Sec Section End  */

  /* YourPrivacy-Sec Section Start  */
  .YourPrivacy-Sec h2{font-size: 36px !important;}
  .YourPrivacy-Sec .font-64{font-size: 50px !important;}
  .YourPrivacy-Sec .font-20 {
    font-size: 16px;
}
  /* YourPrivacy-Sec Section End  */ 

  /* footer start */
  .logoFooter.text-center.mw-300-px {
    min-width: 250px;
  }
  .footer-link li a {
    padding: 10px 0 !important;
    font-size: 14px;
  }
} 


@media (max-width:991px){
/* Home Banner Seaction Start */
 .bannerContentPBtn.align-items-center{flex-direction: column;
  justify-content: start;
  align-items: start !important;}
  .googlePlayBtn{min-width: 122px;}
  .banner:before { 
    height: 100%;}
/* Home Banner Seaction End */


/* Why Settlr section Start */
.SettleLess-Sec .font-36 {
  font-size: 20px;
} 
.sliderImgPstion{display: none;} 
  /* Why Settlr section End */

  /* Redefining Section Start  */
  .Redefining-Sec .RedefiningHding{flex-direction: column; text-align: center;}
  .Redefining-Sec .redefImg .img {
    height: 290px;
}
.redefImg .font-32 {
  font-size: 18px;
  
}
.redefImg .details{padding: 20px !important;}
  /* Redefining Section End  */



  /* Your Privacy-sec Section Start  */
  .phonescreenBg .img {
    position: relative;
    display: inline-block;
    width: 60%;
}
  /* Your Privacy-sec Section End  */




  /* Exclusive-Sec Section Start  */
   
  /* Exclusive-Sec Section End  */


  /* HowLuxury-Sec Section Start  */
   
  /* HowLuxury-Sec Section End  */

  /* YourPrivacy-Sec Section Start  */
 
  /* YourPrivacy-Sec Section End  */ 

  /* Footer start */
  .FooterSec .FooterLinks{  text-align: center; display: inline-block !important;}
  .FooterSec .FooterLinks li{display: inline-block; padding: 10px 0px;}
  .FooterSec .FooterLinks li a {
    padding: 5px 15px !important;
}
.Copyright.dto-none{display: none !important;}
.Copyright.d-none{display: block !important; text-align: center !important;
  margin-top: 25px;}

.logoFooter.text-center.mw-300-px {
  min-width: 250px;
  max-width: 100%;
}
.FooterSocealMedia {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.footer-link {
  text-align: center;
}
.d-flex.justify-content-between.align-items-center.FooterSecInner {
  flex-direction: column;
}
.d-flex.justify-content-start.align-items-center.gap-5.FooterSocealMedia {
  justify-content: center !important;
}
.d-flex.justify-content-center.flex-column.align-items-start.gap-2.FooterSocealMedia.mw-400-px {
  max-width: 100%;
  text-align: center;
}
.d-flex.align-items-center.gap-4.text-nowrap.fw-bold.font-20.appFooter {
  justify-content: center;
  margin: 0 auto;
}
.Copyright.text-center.font-m.font-16.fw-medium.text-black{width: 100%;}
  /* Footer end */



}

.MobileSet{display: none;}

@media (max-width:767px){
/* Banner */
.banner-content { 
  justify-content: end;
  align-items: center;    
  flex-direction: column;
  text-align: center;
}
.banner-content .text-start {
  text-align: center !important;
}
.Barcode{width: 100px; margin: 0 auto;}
.homebanner-Sec h1 {
  font-size: 36px;
}
.homebanner-Sec p.mw-400-px {
  max-width: 100%;
}
.bannerContentPBtn.align-items-center { 
  align-items: center !important;
}
.bannerContentPBtn.align-items-center { 
  gap: 0 !important;
}
.banner-content.gap-5 {
  gap: 20px !important;
}
/* Banner */

/* Why Sttel */
.desktopSet{display: none;}
.MobileSet{display: block;}
.SetMobDesn {
  flex-direction: column;
}
.text-section.text-start.px-4.animated-text.mw-500-px.w-100.bottomsetup {
  position: relative;text-align: center !important;
  bottom: 0;
}
.text-section.text-start.px-4.animated-text.mw-500-px.w-100.topsetup {
  position: relative; text-align: center !important;
  top: 0;
}
.image-section.mw-500-px.w-100.position-relative {
  height: 210px !important;
  margin-bottom: 30px;
}
.swiper-slide { 
  justify-content: space-between !important;
}
.slide-image {
  max-width: 100%;
  height: 100% !important;}
/* Why Sttel */

/*  */
.Exclusivetext {
  max-width: 100%;
  display: flex;
  gap: 1rem;
  padding: 0;
  overflow: auto;
}
.ExclusiveImg{display: none;}
.Exclusive-Sec .ExclusiveImg .img{height: 300px;}
.thumbnailText {
  min-width: 200px;
  object-fit: cover;
  height: 300px;
  border-radius: 10px;
  max-width: 200px;
}
.thumbnailimg1 {
  background: url(/assets/images/discreet-connections.png) no-repeat center top / cover; 
}
.thumbnailimg2 {
  background: url(/assets/images/luxury-matchmaking.png) no-repeat center top / cover; 
}
.thumbnailimg3 {
  background: url(/assets/images/real-profiles.png) no-repeat center top / cover; 
}
.thumbnailimg4 {
  background: url(/assets/images/exclusive-events.jpg) no-repeat center top / cover; 
}
.Exclusive-Sec a.thumbnailText { 
  display: flex;
  justify-content: end;
  flex-direction: column;
}
.Exclusive-Sec a h2 {
  font-size: 16px !important;
  color: #fff;
}
.Exclusive-Sec a .font-24 {
  font-size: 14px !important;
  color: #fff;
}
.Exclusive-Sec a.thumbnailText{position: relative; z-index: 2;}
.Exclusive-Sec a.thumbnailText::before{content: ""; 
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgb(255 255 219 / 0%) 0%, rgb(0 0 0 / 67%) 24%); z-index: -1;
}

/* .dropdown-menu.messageTopNav {
  scrollbar-width: thin;
  scrollbar-color: #1b40f7 #bbb;
} */
.Exclusivetext::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.Exclusivetext::-webkit-scrollbar-track {
  background-color: #ccc;
}
.Exclusivetext::-webkit-scrollbar-thumb {
  background-color: #1b40f7;
}
.Exclusivetext::-webkit-scrollbar-track, .Exclusivetext::-webkit-scrollbar-thumb {
  border-radius: 12px;
}  


/*  */

/* Luxuray Text */
 
.luxletterText-Sec .luxletterText {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 0.3rem;
}
/* Luxuray Text */

/* Your privacy start  */

.phonescreenBg .img {
  position: relative;
  display: inline-block;
  width: auto;
}
/* Your privacy End   */

/* mainHowLuxuryBg start */
.mainHowLuxuryBg { 
  padding-top: 90px;
  padding-bottom: 50px;}
/* mainHowLuxuryBg End */

/* Footer start */
.FooterSocealMedia{flex-direction: column;}
.FooterSocealMedia ul,.FooterLinks{padding-left: 0 !important;}
/* Footer End */

}
@media (max-width:575px){
/* Home banner start */
.banner:before { 
  background: linear-gradient(180deg, rgb(255 255 219 / 0%) -60%, #000 100%);
}
/* End */

/* Why Sittle start */
.text-section.text-start.px-4.animated-text.mw-500-px.w-100.topsetup { 
  padding: 0 !important;
}
.text-section.text-start.px-4.animated-text.mw-500-px.w-100.bottomsetup { 
  padding: 0 !important;
}
.slider-container.text-center.py-48 {
  padding-bottom: 20px !important;
}
.SettleLess-Sec .custom-swiper { 
  height: 430px !important;}
  .text-center.pt-36.borderBtmGrnt.animated-text p {
    font-size: 14px;
}
.SettleLess-Sec h2 {
  font-size: 28px !important;
}
.SettleLess-Sec .font-64 {
  font-size: 40px;
}
/* Why Sittle End  */

/* Luxuary text */
.bg-white.position-relative.z-3.py-44.luxletterText-Sec {
  padding: 20px 0 !important;
}
.luxletterText-Sec .font-14 {
  font-size: 10px;
}
.luxletterText-Sec  .font-48 {
  font-size: 28px;
}
/* Luxuary text */

/* Redefining-Sec start */ 
.Redefining-Sec .RedefiningHding { 
  gap: 0 !important;
  margin-bottom: 0 !important;
} 
.Redefining-Sec h2 {
  font-size: 28px !important;
}
.Redefining-Sec .font-64 {
  font-size: 40px;
}
 .Redefining-Sec .font-20{font-size: 14px;} 
  .redefImgbg {
    gap: 1rem !important; overflow: auto;
}

  .redefImg {min-width: 200px; max-width: 200px; height: 300px;}
  .redefImg .font-32 {
    font-size: 16px;
    text-align: center;
}
.redefImg .details {
  padding:10px 10px 23px 10px !important;
}
.goldshadow {  
  top: -1px;
}
  /* Redefining-Sec end */

  /*luxletterText  */
  .luxletterText-Sec .luxletterText { 
    grid-template-columns: repeat(2, 1fr); 
    gap: 1rem 0rem;
}
    
  /* luxletterText */

  /* Exclusive-Sec */
  .Exclusive-Sec {
    position: relative;
    z-index: 2;
  }
  .Exclusive-Sec .pb-44 {
    padding-bottom: 25px !important;
  }
  .Exclusive-Sec h2 {
    font-size: 28px !important;
}
.Exclusive-Sec .font-64 {
  font-size: 40px !important;
}
  /* Exclusive-Sec */

  /* ReadytoExperience start */
  .ReadytoExperience.jarallax.py-120 {
    padding: 15px !important;
}
 .ReadytoExperience .font-40 {
  font-size: 24px !important;
}
/* ReadytoExperience End */

/* mainHowLuxuryBg */
.mainHowLuxuryBg:before { 
  height: 100%;
  background: linear-gradient(180deg, rgb(255 255 219 / 0%) -60%, #000);
}
.HowLuxury-Sec h2 {
  font-size: 28px !important;
}
.HowLuxury-Sec .font-32 {
  font-size: 24px;
}
.HowLuxury-Sec .feature-item {
  margin: 20px 0;
}
/* mainHowLuxuryBg */

/* YourPrivacy-Sec */
.YourPrivacy-Sec h2 {
  font-size: 28px !important;
}
.YourPrivacy-Sec .font-64 {
  font-size: 40px !important;
}
.YourPrivacy-Sec .phonescreenBg .img { 
  width: 150px;
}
.phonescreenBg .img::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-radius: 7px;}

.YourPrivacy-Sec .phonescreenBg { 
padding: 25px 0;
}
/* YourPrivacy-Sec */

/* Footer Start */
.pt-110.pb-44.FooterSec {
  padding-top: 50px !important;
}
/* Footer End */
}




/* Styling for dark background */
[data-bgcolor="dark"] {
  background-color: #000;
  color: #fff; /* Example text color */
}

/* Styling for light background (if needed) */
[data-bgcolor="light"] {
  background-color: #fff;
  color: #000; /* Example text color */
}







.px-5vw{padding: 0 5.5vw !important;}


 

.profile-container {
  display: flex; border-top: 0px solid #ccc; max-width: 100%; margin: 0 auto;
  height: calc(100vh - 89px);
}

.filters-container {
  width: 25vw; position: sticky; top: 80px;  
  padding: 30px 24px 1vw 30px;
  background: #fff; border-right: 0.02vw solid #ccc; overflow: auto;

  height: 100%;

} 

.filters-container .font-32{font-size:32px;
  font-weight: bold !important;}
.filters-container .font-32.fw-medium.color1a.mb-28.mt-20 {
  margin: 0vw 0 1vw 0 !important;
}
.saved-filters{margin-bottom:18px; color: #081726; font-size: 16px; font-weight: bold;}
.saved-filters svg{width: 1vw;
  height: 1vw;}

.filter-section {
  margin-bottom: 0vw;
}
.filter-section .filterbgnone {background: none;}
.filter-section .filterbgnone::before {display: none;}
.filter-section .filterbgnone.Mui-expanded {
  /* margin: 0 0 !important;  */
  min-height: inherit !important;}
.filter-section .filterbghead1{min-height: inherit !important;}
.filter-section .filterbghead1 .MuiAccordionSummary-content {
  /* font-size: 16px;  */
  margin: 12px 0; font-weight: 500; word-spacing: 2px;
  text-transform: capitalize; color: #081726 !important;
  font-family: "ivypresto-headline" !important;
    font-size: 20px !important;
}
.filter-section .filterbghead1.text-brown .MuiAccordionSummary-content {color: #916008 !important;}
.filter-section .filterbghead1 svg{width: 20px !important; height: 20px !important;}
.ageVWset{padding: 0 11px; margin-top: 0vw !important;}
.ageVWset h6{font-size: 16px; font-weight: 400; padding: 0; font-family: "indivisible";}
.filter-section .sldrsetup {
  padding: 3px 0 !important;
}
.filter-section .fontsldset1.ageVWset {text-align: start !important;}
.ageVWset h6 svg{width: 18px; height:18px;}
.mb-18{margin-bottom: 18px;}
.mt-18{margin-top: 18px;}
.my-18{margin-top: 18px; margin-bottom: 18px;}
.filter-input {
  width: 100%;
  padding: 8px;
  margin-top: 10px;
  box-sizing: border-box;
}

.filter-buttons button {
   margin-right: 0.7vw;
   padding: 0.6vw 1vw;
   border: none;
   background: #ddd;
   cursor: pointer;
   transition:0.3s ;
   -webkit-transition:0.3s ;
   -moz-transition:0.3s ;
   -ms-transition:0.3s ;
   -o-transition:0.3s ;
}
.filter-buttons button:hover{
  background: #916008 !important;
  color: #fff !important;
  transform:translateY(2px) ;
  -webkit-transform:translateY(2px) ;
  -moz-transform:translateY(2px) ;
  -ms-transform:translateY(2px) ;
  -o-transform:translateY(2px) ;
}
.apply-btn {
  background: #916008 !important;
  color: white;
}

.apply-btn:hover {
  background: #bf8500 !important;
  color: white;
}
.profile-grid {
  flex: 1;
    padding:0 40px 40px 40px;
    /* overflow: auto; */
    /* top: 80px; */
    height: 100%;
}
.profile-container.overflow-hidden .profile-grid .PreferenceR{padding-left: 50px;}

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(19vw, 1fr));
  gap: 1vw;
}
.newHereUser{ display: inline-block; font-size: 12px; color: #fff; border: 1px solid #fff; padding: 0 8px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.DynamicHeart{position: absolute; bottom:0.8vw; right: 0.8vw; z-index: 9;}
.profile-card {
  /* background: white; */
  /* border-radius: 8px; */
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); */
  overflow: hidden;
}

.profile-image {
  width: 100%;
  /* height: 20vw; */
  height: 27vw;
  object-fit: cover; 
  opacity: 0.9;
}
.profiuserimg:after {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3;
  height: 45px;
}

.profile-details {
  padding: 0px;
  gap: 0.3vw;
}
.profile-details .status span.font-10 {
  font-size: 0.7vw;
}
.profile-details .status span.font-10 svg {
 width: 0.7vw;
 height: 0.7vw;
}
.profile-details .font-16.username {
  font-size: 0.85vw; text-transform: capitalize;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 7vw;
}
.veryfiedIcnc{display:flex; width: 1vw; height: 1vw; margin-left: 3px;}
.profile-details .miles { text-align: right;
  font-size: 0.7vw; line-height: 1.1vw;
}
.profile-details .miles .statecity {
  font-size: 0.6vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 8vw;
}
.profile-actions {
  display: flex;
  justify-content: space-around;
  padding: 0.6vw;
}

.grid2set001{    display: grid;
      grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
      gap:16px;}


/*  */

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background: #BF8500;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border: none;
}

input[type="range"]::-moz-range-thumb {
  width:20px;
  height: 20px;
  background: #916008;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

input[type="range"]:focus {
  outline: none;
}

/*  */


/* Radio Button color */
  /* The radioinput */
.radioinput {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom:0px;
  cursor: pointer;
  color: #081726; 
font-family: "indivisible";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 
}
.radioinput.minHt24{ min-height: 24px;}

/* Hide the browser's default radio button */
.radioinput input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radioinput .checkmark {
  position: absolute;
  top: 0.8px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%; border:1px solid #C4C4C4;
}

/* On mouse-over, add a grey background color */
.radioinput:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioinput input:checked ~ .checkmark {
  background-color: #fff; border: 1px solid #916008;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioinput .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioinput input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioinput .checkmark:after {
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #916008;
}
.gap-15{gap: 15px;}
/* Radio Button color */

/* CheckBox Button color */

/* The checkinput */
.checkinput {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom:0px;
  cursor: pointer;
  color: #081726; 
font-family: "indivisible";
font-size: 16px;
font-style: normal;
font-weight: 400;
/* line-height: 150%; 21px */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkinput input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkinput .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ABABAB;
  border-radius:3px ;
  -webkit-border-radius:3px ;
  -moz-border-radius:3px ;
  -ms-border-radius:3px ;
  -o-border-radius:3px ;
}

/* On mouse-over, add a grey background color */
.checkinput:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkinput input:checked ~ .checkmark {
  background-color: #C93; border: 0.01vw solid #C93;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkinput .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkinput input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkinput .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* CheckBox Button color */



/* age font set */
.AGESlider .fontsldset1{
  color: #081726;  
  font-family: "indivisible";
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  margin: 0;
  width: 100%;

}
.AGESlider .fontsldset1 h6{color: #081726;  padding: 0; 
  font-family: "indivisible" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
display: flex;}
  .AGESlider .fontsldset1 svg{width: 0.5em;}
  .AGESlider .sldrsetup{width: 95% !important;}
/* age font set */

/*  */
.btnsetAll3 button {
  display: flex;
  padding: 0.3vw 0.6vw; 
  font-size: 0.8vw; 
}
.text-brown{color: #916008 !important;}
.css-1808mag-MuiPaper-root-MuiAccordion-root::before{display: none;}
/*  */











/* User Profile image */
.userProfileimg{ position: relative; z-index: 2; overflow: hidden; background: #f2f2f2; border-radius:0.7vw ; -webkit-border-radius:0.7vw ; -moz-border-radius:0.7vw ; -ms-border-radius:0.7vw ; -o-border-radius:0.7vw ; }
.profiuserimg{ position: relative; z-index: 2;cursor: pointer; overflow: hidden; background: #f2f2f2; border-radius:0.7vw ; -webkit-border-radius:0.7vw ; -moz-border-radius:0.7vw ; -ms-border-radius:0.7vw ; -o-border-radius:0.7vw ; display: flex; }
.profiuserimg:before{content: ""; position: absolute; display: none;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(255 255 255 / 0%), rgb(0 0 0 / 30%));}
  .leftbuttons {gap: 0.3vw;}
.iconsUser{position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; z-index: 2; padding: 0.8vw 1vw; background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.nameUser.username,.ageUser{font-family: "ivypresto-headline" !important; font-size: 20px; text-transform: capitalize;}
.statecity,.statecity .state{font-size:13px;}
.statecity .state{display: none;}
.bg-none{background: none !important;}
.leftbuttons button{width: 38px; height:38px; padding: 0; font-size: 14px;     display: flex  ;
      justify-content: center;
      align-items: center;}
.userProfileimg .FavoriteIcon,.userProfileimg .ClearIcon{ background: #fff; border-radius:50vw ; -webkit-border-radius:50vw ; -moz-border-radius:50vw ; -ms-border-radius:50vw ; -o-border-radius:50vw ; }
.iconsUser .picCouner{color: #fff;   display: flex; align-items: center; gap: 0.3vw; font-size: 0.8vw;}
.iconsUser .picCouner img{width: 1vw;}
.leftbuttons .InsertCommentOutlinedIcon{color: #fff; height: 34px; }
.userProfileimg .FavoriteIcon.active{background: #fff;}
.userProfileimg .ClearIcon img {
  width: 16px;
} 
.FavoriteIcon img {
  width:22px;
}
 

.profile-card {
  transition: opacity 0.9s ease, transform 0.3s ease;
  opacity: 1;
  transform: scale(1); 
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease;
  -moz-transition: opacity 0.3s ease, transform 0.3s ease;
  -ms-transition: opacity 0.3s ease, transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
}

.profile-card.hide {
  opacity: 0;
  /*Fadesout*/transform: scale(0.3); 
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}

 

.filters-container {
  left: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateX(-100%);
  /*Initiallyhiddenoff-screen*/opacity: 1;
  z-index: 1000; 
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
}
.filters-container .gap-15{gap: 15px;}
/* .filters-container .section1-grid.gap-15 {
  gap: 15px;
} */
.filters-container .font-16 {
  font-size:16px !important;
}
.filters-container .btnsetAll button.font-16 {
    margin: 5px 5px 5px 0;
}
.filters-container .range-slider label {
  font-size: 14px;
}
.filters-container.show { background:rgba(217, 217, 217, 0.06);
  transform: translateX(0);  /* Slide in when visible */
}

.filters-container.hide {
  transform: translateX(-100%); margin-left: -25vw;  overflow: visible; /* Slide out to the left when hidden */
}
.StartIconDv {
  position: sticky;
  margin-top: 0vw;
  margin-right: 0px;
  top: 0vw;
  z-index: 9999;
}
button.StartIcon {
    position: absolute;
    right: -19px;
    top: 10px;
    width: 40px;
    border-radius:50px;
    height: 40px;
    background: #fff;
    border: 1px solid #ccc;
    color: #081726;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    z-index: 9;
    /*box-shadow: -3px -3px 4px rgba(0, 0, 0, 0.3);
    */-webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
button.StartIcon:hover svg circle,button.StartIcon:hover svg path{ stroke: #916008; }
button.StartIcon svg{width: 28px; height: auto !important; }
.filters-container.hide button.StartIcon,.profile-container.overflow-hidden button.StartIcon{ right: auto; left: 40px; transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ; -o-transform: rotate(0deg) ;  
  
}

.filter-buttons button{ border: 1px solid #E0E2E9;  background: #fff; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }
.filter-buttons {
  background: #fff;
  padding: 0.4vw 1.5vw 0.4vw 1.5vw;
  position: sticky;
  bottom: -1vw;
  z-index: 2;
  margin-left: 0px;
  margin-right: 0px; border-top: 1px solid #E0E2E9;
}


 
@media (max-width:1599px){ 
    .filters-container{width: 25vw;}
   
}

@media (max-width:1399px){
  
  .filter-buttons{display: flex; align-items: center; gap: 5px;}
  .filter-buttons button {
    margin-right: 0;
    padding: 6px 10px;}
    .filters-container{width: 28vw;}
    .filters-container.hide { 
      margin-left: -28vw;}

      .grid-container { 
        grid-template-columns: repeat(auto-fill, minmax(19vw, 1fr));
        gap: 1vw;
    }
}
@media (max-width: 1260px) {
  .filters-container {
      width: 30vw;
  }
}

@media (max-width: 1199px) { 
  .profile-container{    height: calc(100vh - 75px);}
  .filters-container {
      width: 36vw;
  }
  /* .filter-section .filterbghead1 svg {
    width: 3vw !important;
    height: 3vw !important;
} */
.filters-container.hide {
  margin-left: -36vw;
}
.grid-container {
  grid-template-columns: repeat(auto-fill, minmax(25vw, 1fr));
  gap: 1vw;
}
.profile-image { 
  height: 30vw;}
  .veryfiedIcnc {
    display: flex;
    width: 2vw;
    height: 2vw;}
    .profile-details .status span.font-10 svg {
      width: 1vw;
      height: 1vw;
  }
}

@media (max-width:991px){
  .filters-container.show { background:#fff; 
  }
  .leftbuttons {
    gap:10px;
}
.DimondGold {
  position: absolute;
  top: 12px !important;
  right: 12px !important;
  z-index: 9;
}
.DimondGold span.picCouner.text-white {
  display: flex;
  align-items: center;
  gap: 2px;
}
.DimondGold span.picCouner.text-white svg {
  width: 15px;
  height: 15px;
}
}

@media (max-width:767px){
  .DimondGold {
    position: absolute !important; 
  }
}

/* User Profile image end */


 
/* User Profile */
.user-profile-card {
  background: #fff; 
  padding:2vw 2vw 5vw 2vw; 
 
  position: relative;
  border-bottom: 1px solid #C4C4C4;
}
.pt-2vw{padding-top: 2vw;}
.user-profile-header {
  display: flex;
  align-items: flex-start;
}
.user-profile-header.gap-5{gap: 1vw !important;}
.user-profile-image {
  border-radius: 50%;
  min-width: 200px;
  max-width: 200px;
  height: 200px;
  object-fit: cover;
  background: #ccc;
  border: 0.01vw solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.ProfileUserImg .fancyPhotos-card {   
  min-width:200px;
  max-width: 200px;
}
.ProfileUserImg .fancyPhotos-card a {
background: #fff; 
  min-width: 200px;
  max-width:200px;     max-height: 200px;
  min-height:200px;}
.user-profile-details {
  margin-left: 1vw; width: 100%; display: flex; justify-content: start; gap: 1.5vw; flex-direction: column;
}
.user-profile-details button{font-size: 16px;
  padding: 0.6vw 2vw !important; }
.user-profile-details .updatedPlnPre{font-size: 14px;
  padding: 0 20px !important; }
  .wset001{width: auto;height: auto;}
  .wset001 img{width: 25px; height: 25px;}

  .user-profile-details button.gradientbtn.mt-16{padding: 0.6vw 2vw !important; margin-top: 1vw !important;}
.user-profile-details h2 {
  color: #000; 
  font-family: "ivypresto-headline";
  font-size: 32px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 110%; /* 48px */ 
  margin-bottom: 0;
  text-transform: capitalize;
}
.user-profile-details h2 span.userNageset {  
  font-family: "ivypresto-headline" !important;
}
.ProfileCompletionBs{padding: 1vw;}
.progressSetpu{gap: 0.8vw;}
.user-profile-header.gap-15 {
  gap: 0.875vw;
}
.pt-32vw{padding-top: 2vw;}

 
.progressSetupWth {
  height: 6vw !important;
  width: 6vw !important;
}
.progressSetupWth div {
  font-size: 0.7vw !important;
}
.user-online-status { 
  display: inline-block;
    width: 1vw;
    height: 1vw;
    background: #34A853;
  border-radius: 50%;
  margin-left: 0.3vw;
}



.user-location {
  color: #081726; 
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "indivisible";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 24px */
}

.user-subheading {
  color: var(--text-primary-100000000, #000); 
  font-family: "indivisible";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}
.user-description{color: #081726;  
  font-family: "indivisible";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */}
.user-info-cards {
  display: flex;
  align-items: center;
  gap: 0.7vw;
}

.user-info-item {
 border-radius: 12px;
 border: 1px solid #D9D9D9;
 background: #FFF;
 text-align: center;
 width: 100%;
 padding: 14px 16px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap:6px;
 color: #081726;
 font-family: "indivisible";
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 150%; 
}
.user-info-item img {
  width:21px;
  height: 21px;
}
.user-info-item span {
  display: block;
  font-size: 12px;
  color: #081726;
 
}

.user-profile-actions {
  display: flex;
  align-items: center;
  gap: 10px;  position: relative;
}

.user-profile-actions input {
  flex: 1;
    padding: 8px 173px 8px 24px;
    height: 62px;
    border: 1px solid #ddd;
    border-radius: 50px;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.08);
    font-size: 16px;
}

.user-profile-actions .user-message-button {
  position: absolute;
  right: 8px;
  top: 8px;
  bottom: 8px;
  border: none;
  border-radius: 80px;
  width: auto;
  background: #916008;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  cursor: pointer;
}

.user-message-button:hover {
  background: #bf8b2e;
}

.user-action-icons {
  position: fixed; width: 3vw;
  top:100px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap:15px;
}

.user-icon-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  width: 46px;
  background: #fff;
  height: 46px;
  border: 1px solid #DADADA;
  border-radius: 50px;
  box-shadow: 0px 16px 10px rgba(0, 0, 0, 0.07);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
button.user-icon-button:hover {
  transform: translateY(2px);
  border: 1px solid #dab87b;
}
a.arrlinkleft.editarrlinkleft{transition: 0.3s;}
a.arrlinkleft.editarrlinkleft:hover {
  color: #916008 !important;
  border-radius: 50px; transform: translateY(2px);
}
.user-action-icons .favorite img,.user-action-icons .close img{
  width: 24px;
}
.user-action-icons .chat img{width: 21px;}
.user-action-icons .MuiButtonBase-root {
  height: 46px;
  min-width: 46px;
  max-width: 46px;
} 
.user-action-icons .MuiButtonBase-root img{width: 7px;}
/* .user-icon-button img{width: 30px;} */
/* button.user-icon-button.close img{width: 11px;} */
.user-icon-button.active {
   background: #fff;  box-shadow:0px 20px 50px rgb(191, 133, 0, 0.1);
}

.user-icon-button.close .close-icon,
.user-icon-button.chat .chat-icon,
.user-icon-button.more .more-icon {
  color: #555;
}


@media (max-width: 1199px){
  .user-info-cards {
    display: flex
;
    align-items: center;
    gap: 0.7vw;
    display: grid
;
    grid-template-columns: repeat(auto-fill, minmax(19vw, 1fr));
    gap: 1vw;
}
}



/* Profile Edit new css */
.profileEditstip .p-32{padding: 2vw !important;}
.profileEditstip .font-24 {
  font-size: 24px;
}
.color08{color: #081726 !important;}
.profileEditstip .font-16 {
  font-size:16px; 
}
.profileEditstip .font-14 {
  font-size: 14px;
}
.profileEditstip .py-20{padding: 1vw 0 !important;}
.profileEditstip .font-12 {
  font-size: 12px;
}
/* .ModeEditbtn svg{width: 1.2vw; height: 1.2vw;} */
.PrimaryLocation svg,.Verificationsicb svg{width:24px; height: 24px;}
.profileEditstip p{margin-bottom: 0.7vw; word-break: break-word;}
.Verificationsicb.gap-4 {
  gap: 1vw !important;
}
.profileEditstip .mb-10{margin-bottom: 0.6vw !important;}
.profileEditstip .mb-20{margin-bottom: 1vw !important;}
.profileEditstip button.py-6.my-10 {
  padding: 0vw 0 !important;
  margin: 0 0 !important;
}
.requests-list .user-name {
  font-size: 0.875vw;
}
.PrimaryPhoto001{display: flex; justify-content: start; max-width: 9.3vw; min-width: 9.3vw;  width: 100%;}
.PrimaryPhoto001 .photo-box {
  max-width: 9.3vw !important;
  min-width: 9.3vw !important;
  width: 100% !important;
  height: 12vw !important;
}

.PrimaryPhotobtn{
  padding: 0.8vw 1.1vw;
  background-color: #916008;
  color: #fff;
  font-size: 16px;
  border: none;
  transition:0.3s ;
  border-radius: 50vw;
  -webkit-transition:0.3s ;
  -moz-transition:0.3s ;
  -ms-transition:0.3s ;
  -o-transition:0.3s ;
}
a.arrlinkleft:hover {
  color: #916008 !important;
}
  .PrimaryPhotobtn:hover{box-shadow: 0 10px 10px rgb(0, 0, 0, 0.3); background: #c58107; }

  .PrimaryPhoto.gap-15 {
    gap: 1vw;
}
/* .publicPhotos label,.privatePhotos label{font-size: 24px !important;} */
 
.publicPhotosGrid {
  gap: 0.8vw !important;
  grid-template-columns: repeat(auto-fill, minmax(7vw, 1fr)) !important;
}
.publicPhotosGrid .photo-box{height: 9.6vw !important;}
.publicPhotosGrid .photo-box svg {
  width: 1.5vw !important;
  height: 1.5vw !important;
}
.profileEditstip .font-20.gap-3{
  font-size: 20px;
  gap: 0.9vw !important;
}
.mw-wdfine2 .py-16{padding: 0.8vw 0;}

@media (max-width:991px){
  span.fntverification {
    display: none;
}
 /* .user-profilemobile{flex-direction: column;}
 .user-profilemobile .user-profile-header{width: 100%;}
 .user-profilemobile.gap-5{gap: 0 !important;} */
}

@media (max-width:767px){
.fxetnm.d-flex.align-items-center{flex-direction: column; text-align: left; align-items: start !important;}
.fxetnm1.d-flex.align-items-center{ align-items: start !important;}
}


/* User Profile */



/* fancyPhotos-card */
.fancyPhotos-card{display: grid;
      grid-template-columns: repeat(auto-fill, minmax(15vw, 1fr));
      gap: 1vw; }
      .userPhoto01 .fancyPhotos-card{max-height: 42vw; overflow: hidden;}
      .gap-10{gap: 0.7vw;}
      .gap-12{gap: 0.8vw;} 
.py-32vw{padding:15px 0;}
.pb-16vw{padding-bottom: 1vw;}
      .Profile-R-Details .font-24{font-size: 24px;}

      .fancyPhotos-card a{ width: 100%; height: 20vw; background: #D9D9D9; overflow: hidden; border-radius:0.6vw ; -webkit-border-radius:0.6vw ; -moz-border-radius:0.6vw ; -ms-border-radius:0.6vw ; -o-border-radius:0.6vw; transition: 0.3s;  }
      .fancyPhotos-card a img{transition: 0.3s; }
      .fancyPhotos-card a:hover img{opacity: 0.8; }
      .fancyPhotos-card a img{width: 100%; height: 100%; object-fit: cover;}

      .fancyPhotos-card  .photo-item{ width: 100%; height: 20vw; background: #D9D9D9; overflow: hidden; border-radius:0.6vw ; -webkit-border-radius:0.6vw ; -moz-border-radius:0.6vw ; -ms-border-radius:0.6vw ; -o-border-radius:0.6vw ; overflow: hidden; position: relative; } 
/* .fancyPhotos-card  .photo-item img{ filter:blur(7px); -webkit-filter:blur(7px); } */
.requestView {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap:1vw;
}
.requestView img{width: auto; height: auto; filter:blur(0); -webkit-filter:blur(0); }
.blur-image {
  filter: blur(35px);
  transition: filter 0.3s ease;
  -webkit-filter: blur(35px);
}
.request-button {
  padding: 0.4vw 1vw;
  border-radius: 50vw;
  border: none;
  background: #916008;
  font-size: 0.8vw;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s ease, background 0.3s ease;
   
}

.request-button:hover {
  background: #bb7e0d; /* Change background color on hover */
  color: #fff;      /* Change text color on hover */
}
.UserProfileDetailsDv{position: sticky; top: 3.5vw; padding: 2vw 1.5vw 0 1vw; min-width: 23vw;max-width: 21vw; margin: 0 auto;}
.pxpt{padding: 2vw 2vw 0 2vw;}
.UserProfileDetailsDv  .font-14,.UserProfileDetailsDv .text-end,.profile-DataList  .font-14,.profile-DataList .text-end{font-size:16px;}
 
.profile-DataList{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.01vw solid #ddd;
  border-radius: 0.4vw;
  padding: 0.7vw 0.8vw;
  gap: 0.6vw;
  -webkit-border-radius: 0.4vw;
  -moz-border-radius: 0.4vw;
  -ms-border-radius: 0.4vw;
  -o-border-radius: 0.4vw;
}
.UserProfileDetailsDv .gap-12,.profile-DataList .gap-12 {
  gap: 0.6vw;
}
.aboutText .Text{padding:15px 0;}
.aboutText h3.font-24{font-size: 24px; margin-bottom: 12px;}
.aboutText p{color: #000; 
  font-family: "indivisible";
  font-size: 16px;
  margin-bottom: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */}
/* fancyPhotos-card */


/*Profile Edit  */
.gradientbtn{background: linear-gradient(90deg, #916008, rgba(204, 153, 51, 1));}
.verification-socialList {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 30px 0 30px 0;
}
.verification-socialList .verified{ background: rgba(191, 133, 0, 0.32); font-size: 14px; font-weight: 500; color: #916008; border: none; padding: 4px 10px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.verification-socialList .verified img {
  width: 18px;
}
.verification-socialList .verify-now{ font-size: 14px; font-weight: 500; color: #916008; padding: 4px 10px; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; }
.socialImgName{display: flex; align-items: center; color: #081726; font-size: 16px; gap: 12px;}
.socialImgName span.name{display: flex; align-items: center; color: #081726; font-size: 16px; font-weight: 400;}
.profile-edit-image {
  border-radius: 50%;
  min-width: 6vw; 
  max-width: 6vw; 
  height: 6vw; object-fit: cover;}
  .ModeEditbtn{border: none; background:none; color: #081726; padding: 0 0.5vw;}
  .ModeEditbtn:hover {
    color: #916008;
}
  .myProfileTexthead.font-16 {font-size:16px;}
  .outlinbtnsset{display: flex; gap: 0.5vw; align-items: center;}
  
  .outlinbtnsset button{
    color: #BF8500;
    font-family: "indivisible";
    font-size: 0.8vw;
    border: 0.01vw solid #BF8500;
    background: #fff;
    font-style: normal;
    font-weight: 500;
    line-height: 1vw;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    border-radius: 0.6vw;
    -webkit-border-radius: 0.6vw;
    -moz-border-radius: 0.6vw;
    -ms-border-radius: 0.6vw;
    -o-border-radius: 0.6vw;
    padding: 0.4vw 0.8vw;
}

    .outlinbtnsset button:hover{ color: #fff;  
       
      border: 0.01vw solid #916008; background: #916008;
       }

.mw-wdfine{max-width: 60%;width: 100%;}
.mw-wdfine2{max-width: 40%; width: 100%;}
 .gap-50{gap: 3vw;}

 @media (max-width:991px){
  .mw-wdfine.border-end {
    max-width: 100%;
    width: 100%;
    border-right: 0 !important;
    border-top: 1px solid #ccc;
}
 }
 @media (max-width:599px){
 .selflexclm .interest-selection .btnsetAll {flex-direction: column;}
 }

 

 /*  favorites */
 .FavProF{ 
  padding: 1vw 0;
}
.cursor-inherit{cursor: inherit !important;}
.cursor-pointer{cursor: pointer !important;}
.SigninTooltip:hover{background: rgb(210,227,252, 0.3);}
.FavProF .favorites-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
 
.favorites-header .font-16 {
  font-size: 1vw;
}
.favorites-header #fade-button {
  font-size: 16px !important;
}
.favorites-header #fade-button svg {
 width: 20px; height: 20px;
}

.favorites-list .blankList h4 {
  font-size: 24px;
  font-family:"ivypresto-headline" !important;
}
.favorites-list .blankList p {
  margin-bottom: 1vw;
  /* font-size: 1vw; */
}
.favorites-list .blankList.p-20 {
  padding: 20px !important;
}
.favorite-profile {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  border: 0.01vw solid #ddd;
  border-radius: 8px;
  padding: 0.8vw;
  margin-bottom: 0.8vw;
  background: #fff;
}

.favorite-profile .profile-img {
  width: 96px;
  height: 96px;
  border-radius: 50vw;
  overflow: hidden;
  object-fit: cover; 
}

.favorite-profile .profile-info {
  flex: 1;
  margin-left: 0.8vw;
}
.profile-info h3 span.font-20 {
  font-family: 'ivypresto-headline' !important;
  margin-bottom: 2px;
  text-transform: capitalize;}
  /* .profile-info .font-12 {
    font-size: 0.7vw;} */
  /* .profile-info .font-14 {
    font-size: 0.85vw;} */

.favorite-profile .profile-actions {
  display: flex;
  /* flex-direction: column; */
  align-items: flex-end;
}
.favorite-profile .profile-actions .gap-15{gap: 1vw;}
/* .favorite-profile .profile-actions .font-14{font-size: 0.85vw;} */
.view-btn, .hide-btn {
  padding: 0.3vw 1vw;
  /*font-size: 0.8vw;
  */margin-bottom: 0.3vw;
  border: none;
  border-radius: 0.04vw;
  cursor: pointer;
  -webkit-border-radius: 0.04vw;
  -moz-border-radius: 0.04vw;
  -ms-border-radius: 0.04vw;
  -o-border-radius: 0.04vw;
  transition:0.3s ;
  -webkit-transition:0.3s ;
  -moz-transition:0.3s ;
  -ms-transition:0.3s ;
  -o-transition:0.3s ;
}

.view-btn {
  background-color: #BF8500;
  color: #fff;
  border-radius:50vw ;
  -webkit-border-radius:50vw ;
  -moz-border-radius:50vw ;
  -ms-border-radius:50vw ;
  -o-border-radius:50vw ;
}

.hide-btn {
  background-color: #fff;
  color: #916008;
  border: 0.01vw solid #DADCE0;
  border-radius:50vw;
  -webkit-border-radius:50vw;
  -moz-border-radius:50vw;
  -ms-border-radius:50vw;
  -o-border-radius:50vw;
}
.view-btn:hover, .hide-btn:hover {background: #bb7e0d; transform:translateY(2px) ; -webkit-transform:translateY(2px) ; -moz-transform:translateY(2px) ; -ms-transform:translateY(2px) ; -o-transform:translateY(2px) ; color: #fff; }
.favorite-profile .action-icons {
  display: flex;
  gap: 1vw;
  font-size: 1vw;
  align-items: center;
}
.favorite-profile .action-icons span{cursor: pointer;     width: 2vw;
  height: 2vw; display: inline-flex;}
.favorite-profile .action-icons span:hover img{opacity: 0.8;}

.favorite-profile .viewed-time {
  /* font-size: 0.8vw; */
  color: #888;
  margin-top: 0.7vw;
  display: block;
}
 

.favorite-profile {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.4s ease, opacity 0.4s ease; /* Smooth zoom-out effect */
}

.favorite-profile.hiding {
  opacity: 0;
  /*Graduallydisappear*/transform: scale(0);
  /*Shrinktozerosize*/overflow: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0); 
}

.tabsBtnWvDWf{display: flex; align-items: center; gap: 15px; padding:0px 0}
section.border-bottom.settomobilefx {
  position: sticky;
  top: 89px;
  z-index: 9;
  background: #fff;
}
/* @media (max-width: 1599px){
  section.border-bottom.settomobilefx { 
    top: 4.7vw; 
  }
} */
@media (max-width: 1399px){
  section.border-bottom.settomobilefx { 
    top: 88px;
}
}
@media (max-width: 1199px){
  section.border-bottom.settomobilefx {
    top: 74px;
}
}
a.editarrlinkleft {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.tabsBtnWvDWf a.avw{color: #000; padding:15px; display: flex;}
.tabsBtnWvDWf svg{width: 19px; height: 19px;}
.tabsBtnWvDWf button{
  color: #081726;
  font-size: 16px; padding: 8px;
  font-style: normal;
  font-weight: 500; border: none; background: none;
  transition:0.3s ;
  line-height: 150%; 
  display: flex; align-items: center; gap:0.3vw;
  -webkit-transition:0.3s ;
  -moz-transition:0.3s ;
  -ms-transition:0.3s ;
  -o-transition:0.3s ;
}
.tabsBtnWvDWf button .count{ font-size: 10px; background: #081726; color: #fff; display: flex; align-items: center; padding: 1px 5px; height:18px; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.tabsBtnWvDWf button:hover,.tabsBtnWvDWf button.active{color: #916008;}
.tabsBtnWvDWf button.active .count{background: #916008; color: #fff;}


@media (max-width:599px){
  .favorites-page.FavProF header.favorites-header {
    display: none !important;
}
  .d-flex.dnone-mobile{display: none !important;}
  .d-set-mobile.d-none{display: flex !important; flex-direction: column;}
  .d-none.mobileFlexshow{display: flex !important; position: absolute;
    left: 0;
    top: 0;
    background: none;
    right: 0;
    bottom: 0;
    z-index: 9;}
  .tabsBtnWvDWf a.avw { 
    display: none;
}
.d-set-mobile .viewed-time{font-size: 10px;}
.d-set-mobile .view-btn, .d-set-mobile .hide-btn {
  padding: 5px 14px;
  font-size: 14px;
  color: #3C4043;
  font-weight: 500;
}
.d-set-mobile span.heart-icon.second,.d-set-mobile span.chat-icon1 {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid #ccc; display: flex; justify-content: center; align-items: center;
}
.d-set-mobile span.heart-icon.second img, .d-set-mobile span.chat-icon1 img {
  width: 20px;}
.tabsBtnWvDWf button{border-bottom: 2px solid #fff;}
 .tabsBtnWvDWf button.active {
  color: #916008;
  border-bottom: 2px solid #916008;
}
.FavProF {
  padding: 20PX 0;
}
.tabsBtnWvDWf{justify-content: space-between;}
.favorites-page.FavProF .profile-info h3 span.font-20 {
  font-size: 16px !important;
} 
}

@media (max-width:333px){
  .favorite-profile { 
    height: 100vw !important;}

}

 /* favorites */

 /* Profile DoropDown  */
 .profSetDropDon .profile-img{ min-width: 42px; max-width: 42px; height: 42px; overflow: hidden; object-fit: cover; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; }
 /* Profile DoropDown  */



/*  */
.fontSte002{color: #081726 !important; font-size: 14px !important;}


.Proscss001 .UnlockMach{display: none !important;}
.Proscss001 .progressSetupWth{width: 200px !important; height: 200px !important;}
.takePhotoImg{ max-width: 280px; height: 300px; display: flex; margin-bottom: 10px; justify-content: center; align-items: center; flex-direction: column; overflow: hidden; border-radius:14px ; -webkit-border-radius:14px ; -moz-border-radius:14px ; -ms-border-radius:14px ; -o-border-radius:14px ; } 
.takePhotoImg img{width: 100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; object-fit: cover; border: 1px solid #ccc; overflow: hidden;} 
.takePhotoImg video{width: 100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; object-fit: cover; border: 1px solid #ccc;  overflow: hidden;} 
.headNavbgscollnone{position: fixed;
  top: 0;
  background: #fff;
  z-index: 99;
  left: 0;
  right: 0;}
.headNavbgscollnone header {
  background: #fff !important;

}
.headNavbgscollnone header a{color: #000 !important;}
 
 


.uerImagesser001 .fancyPhotos-card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(49px, 1fr));
    gap: 5px;
    min-width: 108px;
    max-width: 130px;
    height: 98px; overflow: hidden;
}

.uerImagesser001 .fancyPhotos-card .photo-item { 
  height: 46px;}

  .uerImagesser001 .fancyPhotos-card .photo-item, .uerImagesser001 .fancyPhotos-card .photo-item a{ border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }








  .photo-item {
    position: relative;
  }
  
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    z-index: 1;
    cursor: pointer;
  }
  
  .overlay span {
    pointer-events: none;
  }
  

 
  .uerImagesser001 .overlay{font-size: 12px;}
.fillBtn{ background: #916008 !important; text-transform: capitalize!important; border-radius:50px !important ; -webkit-border-radius:50px !important ; -moz-border-radius:50px !important ; -ms-border-radius:50px !important ; -o-border-radius:50px !important ; }
.fillBtn2{ background: #BF8500 !important; text-transform: capitalize!important; border-radius:50px !important ; -webkit-border-radius:50px !important ; -moz-border-radius:50px !important ; -ms-border-radius:50px !important ; -o-border-radius:50px !important ; color: #fff !important; }
.outLineBtn{border:1px solid #916008 !important; color: #916008 !important; text-transform: capitalize!important; border-radius:50px !important ;}
.outLineBtn2{border:1px solid #BF8500 !important; color: #BF8500 !important; text-transform: capitalize!important; border-radius:50px !important ;}

.unsubscribe-section h6{display: none !important;}
.unsubscribe-section p{font-size: 16px !important;}
.subscription-container .billing-cycle-toggle button{padding: 0.4vw 1vw;}
.subscription-container .billing-cycle-toggle button.active{color: #916008 !important;}
.subscription-container .billing-cycle-toggle button:hover{color: #916008 !important;}
.subscription-container .plan{ position: relative; z-index: 2; overflow: hidden; border-radius:14px !important ; -webkit-border-radius:14px !important ; -moz-border-radius:14px !important ; -ms-border-radius:14px !important ; -o-border-radius:14px !important ; }
.subscription-container .gold::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, #BF8500, #fff 50%); z-index: -1;}
.subscription-container .gold::after{ content: ""; position: absolute; top: 6px; right: 6px; bottom: 0; left: 6px; background:  rgb(255, 255, 255, 20%); border-radius:8px 8px 0 0 !important ; -webkit-border-radius:8px 8px 0 0 !important ; -moz-border-radius:8px 8px 0 0 !important ; -ms-border-radius:8px 8px 0 0 !important ; -o-border-radius:8px 8px 0 0 !important ; z-index: -1; }
.subscription-container .featuresHd{font-size: 14px; font-weight: 500;  color: #525d67;}
.subscription-container ul li{font-size: 14px; font-weight: 400; color: #081726; display: flex; gap: 7px; padding: 10px 0;}
.subscription-container ul li svg{color: #081726; font-size: 16px;}
.subscription-container .gold ul li svg{color: #CC9933;}

.subscription-container .gold .upgrade{ background: linear-gradient(-90deg, #916008, #CC9933, #916008) !important; border: none; padding: 10px 20px; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; font-size: 15px; font-weight: 500; color: #fff; }
.subscription-container .diamond .upgrade{ background: #fff !important; border: 1px solid #D9D9D9; padding: 10px 20px; border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; font-size: 15px; font-weight: 500; color: #081726; }

.subscription-container .mostPopular{color: #916008; font-size: 14px;}
.subscription-container .goldHd{color: #916008;}

.subscription-container .diamond::before{content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 90%;
  background: linear-gradient(236deg, #000000, #fff 40%);
  z-index: -1;}
.subscription-container .diamond::after{ content: ""; position: absolute; top: 6px; right: 6px; bottom: 0; left: 0px; background:  rgba(255, 255, 255, 1); border-radius:8px 8px 0 0 !important ; -webkit-border-radius:8px 8px 0 0 !important ; -moz-border-radius:8px 8px 0 0 !important ; -ms-border-radius:8px 8px 0 0 !important ; -o-border-radius:8px 8px 0 0 !important ; z-index: -1; }


.handleImageUpload{ position: relative; padding: 10px 10px; cursor: pointer; border: 1px solid #ccc; font-size: 14px; font-weight: 500; border-radius:50px ; color: #081726; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.handleImageUpload:hover{background: #CC9933; color: #fff;}
.handleImageUpload input{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 0; cursor: pointer;}


.emoji-picker h2{font-size: 16px !important;}










.PrimaryPhoto span svg {
  width: 40px;
  height: 40px;
}


.requests-list .user-avatar{ min-width: 3vw; max-width: 3vw; height: 3vw; overflow: hidden; object-fit: cover; border-radius:50% ;  }
.requests-list .request-actions .time-label{text-align: right; color: #525d67; font-size: 0.8vw;}
.requests-list .request-actions button{ min-width:1.8vw; max-width:1.8vw; height:1.8vw; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; display: flex; justify-content: center; align-items: center; font-size: 0.8vw; }
.requests-list .request-actions button.reject-btn{border: 0.01vw solid #3D3D3D; background: #3D3D3D; color: #fff;}
.requests-list .request-actions button.accept-btn{border: 0.01vw solid #916008; background: #916008; color: #fff;}
.actions  button.reject-all.outLineBtn.px-20.py-8,.actions  button.accept-all.fillBtn.px-20.py-8{
  padding: 0.3vw 1.5vw !important;
}
.profileEditstip .PrimaryPhotobgList {
  margin-bottom: 1vw !important;
}
.PrimaryPhotobgList .gap-50 {
  gap: 1.5vw;
}
.TotalCountRequest{ min-width: 1.8vw; height: 1.8vw; background: #EF4444; color: #fff; font-size: 0.8vw; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
 
.requests-list .request-item.py-10.px-16.gap-3 {
  padding: 0.5vw 0.8vw !important;
  gap: 0.6vw !important;
}
.requests-list .gap-2 {
  gap: 0.5vw !important;
}
 
.VerifyIdanty img{ width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius:30px ; }
.VerifyIdanty .imgfirst{height: 170px;overflow:hidden }
.VerifyIdanty .imgsecond{height: 170px; overflow: hidden;}


.startusCkk .pending {
  color: #916008;
  font-weight: bold;
}

.startusCkk .rejected {
  color: #EF4444;
  font-weight: bold;
}

.startusCkk .approved {
  color: green;
  font-weight: bold;
}

.bg-danger-600{background: #EF4444;}



 

/* Nav setup new home page design */
.css-3kkvpo-MuiButtonBase-root-MuiButton-root{
  font-size: 0.875vw !important;
    margin: 0.2vw !important;
    padding: 0.2vw 1vw !important

}
.beforeNav { 
  padding: 0.5vh 0 !important;}
  .ToolbarNav {
    padding-left: 5.5vw !important;
    padding-right: 5.5vw!important;
}
.css-3kkvpo-MuiButtonBase-root-MuiButton-root.px-4 {
  padding: 0vh 1vw !important;
}
 
/* Nav setup new home page design */


/* Banner Text start Css */
.bannerTextsetup{padding: 17vh 6vw 6vw !important;}

.bannerTextRight{max-width:38vw; width: 100%; margin: auto 0;}
.font-5vw{ 
  font-size: 5vw !important;}
  .font-3vw{ 
    font-size: 3.5vw !important; line-height: 4.5vw;}
    .font-3vw.linsetb{line-height: 4.5vw;}
  .font-2vw{ font-size: 1.5vw !important;}
  .font-1-25vw{ font-size: 1.25vw;}
  .font-1vw{ font-size: 1vw;}
  .mt-5vh{margin-top: 3vh !important;}

  .btnJoinus {display: flex; justify-content: center; align-items: center;
    background: #861D1D; color: #fff !important; border: none !important;
    padding: 0.7vw 2vw; font-size: 1vw;
}
  .btnJoinusWhite {display: flex; justify-content: center; align-items: center;
    background: #fff; color: #861D1D !important;
    padding: 0.7vw 2vw; font-size: 1vw;
}
.btnJoinusWhite:hover{ color: #000 !important;}
/* Banner Text end Css */

/* Find section */
.AccordionNewHomeFindbg{padding:5vh 0;}
.hideImg{display: none;}
.AccordionNewImgFind span.active{display: block; width: 46vw;}
/* .AccordionNewImgFind span.active img{width: 40vw;} */
.AccordionNewImgFind span.active img{height: 37vw;}


 
/* .parallax-item:first-child {
  background: url("https://images.unsplash.com/photo-1663305411753-4c305e177ff3?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NjM5NDA4ODE&ixlib=rb-1.2.1&q=80");
  background-size: cover;
} */

.width45vh{width: 34vw;}
.color86{color: #861D1D;}

.Redefiningtxtwimg img{width: 40vw;}
.Redefiningwimg{text-align: right;}




.scroll-section {
  /* opacity: 0;
  visibility:hidden; */
  transition: opacity 0.6s ease-in-out;
}
/* .scroll-section.firstActive{opacity: 0;
  visibility:hidden;}
.scroll-section.firstActive.active {
  opacity: 1;
  visibility:visible;
} */


/*.scroll-section {
   opacity: 0; */
  /* transform: translateY(20px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
 */
.scroll-section.active {
  opacity: 1;
  transform: translateY(0);
}

.topstkyative.active::before{content: ""; position: absolute; top: -20vh; height: 20vh; width: 100%; background-color: #fff; }

/*.thumbnailText.scroll-section.firstActive {
   margin-top: -52vh; 
}*/
/* .Redefiningwimg.secondActive{margin-top: 20vh;} */
/* .Redefiningwimg.secondActivetxt{margin-top: -20vh;} */



/* YourExclusiveMatchmakingExperience start */

.withcolpssteup {
	height: 100%;
	width: calc(100% / 4);
	/* cursor: pointer; */
	transition: width 250ms ease-in-out;
	transition-delay: 250ms;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: width 250ms ease-in-out;
	-moz-transition: width 250ms ease-in-out;
	-ms-transition: width 250ms ease-in-out;
	-o-transition: width 250ms ease-in-out;
}

.withcolpssteup:nth-child(1) {
	background: #dedede;
	color: black;
}

.withcolpssteup:nth-child(2) {
	background: #000;
	color: white;
}

.withcolpssteup:nth-child(3) {
	background: #e9a4b3;
	color: white;
}

.withcolpssteup p {
	text-align: center;
	font-weight: normal;
	transition: all 750ms ease-in-out;
	transition-delay: 250ms;
	-webkit-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	-ms-transition: all 750ms ease-in-out;
	-o-transition: all 750ms ease-in-out;
}

.withcolpssteup:hover {
	width: 30%;
}

/*.withcolpssteup:hover p {
	 transform: scale(4);
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4); 
}*/
.withcolpssteup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex
;
  justify-content: start;
  align-items: center;
  flex-direction: column;
}

.YourExusivbg{position: absolute; bottom: 0; left: 0; right: 0; top: 0; }
.YourExusivbg::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.YourExusivbg::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; transition: 0.3s; background:linear-gradient(180deg,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); z-index: -1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.YourExusivText{ position: absolute; bottom: 0; left: 0; right: 0; padding: 1vw; height: 6.6vw; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.YourExusivbg .YourExusivText h3{font-size: 2vw; text-transform: uppercase; margin-bottom: 0.5vw; font-weight: normal !important; }
.YourExusivbg .YourExusivText p{font-size: 1vw; width: 20vw; margin: 0 auto;}
/* YourExclusiveMatchmakingExperience end */

.withcolpssteup:hover .YourExusivText{height: 10vw;}

.withcolpssteup:hover .YourExusivbg::before{background:linear-gradient(180deg,rgba(0, 0, 0, 0), rgba(134, 29, 29, 1)) ;}



/* Create Your Profile start */
.CreateYourProfilebg{margin-top: 4vh;}
.CreateYourProfile{ padding: 1.5vw 0; border-top:1px solid rgba(255, 255, 255, 0.3); transition:0.6s ; -webkit-transition:0.6s ; -moz-transition:0.6s ; -ms-transition:0.6s ; -o-transition:0.6s ; }
.CreateYourProfile h3{font-size:1.5vw; margin-bottom:0 ; margin-bottom: 0.5vw; font-weight: normal !important; }
.CreateYourProfile p{font-size: 1vw; margin-bottom: 0;}
.CreateYourProfile .number{font-size: 1vw; padding: 1vw 2vw; background: rgba(255, 255, 255, 0.1);}
.CreateYourProfilebg .CreateYourProfile:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.CreateYourProfile:hover{background: rgba(255, 255, 255, 0.1); padding: 1.5vw 1.5vw;}
/* Create Your Profile end */


.imgGallery .img1{width: 22.7vw;}
.imgGallery .img2{width:13vw;}
.imgGallery .img3{width: 29.5vw;}
.imgGallery .img4{width: 21.4vw;}
.imgGallery .img5{width: 12.6vw;}
.imgGallery .img6{width: 21.34vw;}
.imgGallery .img7{width: 21vw;}
.imgGallery .img8{width: 33.2vw;}
.imgGallery .img9{width: 12.7vw;}
.imgGallery img{width: 100%;}








/* YourPrivacyOurpbg */
.YourPrivacyOurpbg .YourPrivacyOurText{width: 50vw;}
.YourPrivacyOurpbg .YourPrivacyOurImg{width: 50vw;}
.YourPrivacyOurpbg .YourPrivacyOurImg img{width: 38.1vw;}
.YourPrivacyOurpbg .yourPrivacyText{padding: 1vw 0;}
.YourPrivacyOurpbg .yourPrivacyText .img {
  height: inherit;
  min-height: inherit;
  min-width: inherit;
  max-width: inherit;
  width: 2vw;}
  .YourPrivacyOurpbg .yourPrivacyText .img img{width: 100%;}
  .YourPrivacyOurpbg .yourPrivacyText{gap: 1vw ; }
/* YourPrivacyOurpbg */

/* videroOverHidden */
.videroOverHidden,.videroOverHidden2{position: relative; z-index: 2;}
.videroOverHidden:before{content: ""; position: absolute; top: 0; right: 0;  height: 100vh; left: 0; background: rgba(0, 0, 0, 0.1); z-index: 1;}
.videroOverHidden2:before{content: ""; position: absolute; top: 0; right: 0;  bottom: 0; left: 0; background: rgb(8 34 20 / 71%); z-index: 1;}
.dobSetnew .month {
  min-width: 62px;
}
.readyToExConText{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}





.navigation__link{display: none;}
.navigation__link.active{display: block;} 
.navigation__link.active span{color: #801D18;}

.LuxuryLifeText{font-size:6.7vw; letter-spacing: 4vw; font-weight: 200; color: #D9D9D9; display: flex; justify-content: space-between; align-items: center;}

/* Home page responsive css */
@media (max-width:991px){
  .btnJoinusWhite { 
    font-size: 1.5vw !important;
}
.findAccContnt {font-size: 1.5vw !important;}
.btnJoinus { 
  font-size: 1.5vw !important;
}
.CreateYourProfile h3 {
  font-size: 2.5vw !important;}
  .CreateYourProfile p {
    font-size: 1.5vw;}
    .navigation__link.active span {
      color: #801D18;
      font-size: 2.5vw !important;
      line-height: 3.8vw;
  }
  .d-flex.justify-content-between.align-items-start.YourPrivacyOurpbg {
    flex-direction: column-reverse;
}
.YourPrivacyOurpbg .YourPrivacyOurImg {
  width: 100%;
  text-align: center;
}
}
@media (max-width:767px){
  .font-3vw.linsetb{line-height: 10.5vw;}
}
/* Home page responsive css end */

@media (max-width:767px){
  .logotop{width:90px !important;}
  .text-end.bannerTextRight {
    text-align: center !important; 
    max-width: 70vw;
}
.text-end.bannerTextRight .font-5vw {
  font-size: 8.5vw !important;
}
.text-end.bannerTextRight .font-2vw {
  font-size: 2.5vw !important;
}
.homebanner-Sec button {
  /* font-size: 2.5vw !important; */
  padding: 2vw 5vw; 
  margin: 0 auto !important;
  font-weight: 400 !important;
}


.font-3vw {
  font-size: 5.5vw !important;
  line-height: 6.5vw;
}

.findAccTitle {
  padding: 0 !important;
}
.css-1429o6m-MuiAccordionDetails-root { 
  padding: 0 !important;}
  .css-1429o6m-MuiAccordionDetails-root .MuiTypography-root {
    font-size: 2vw !important;
}
.css-9ll8m3-MuiButtonBase-root-MuiAccordionSummary-root .MuiAccordionSummary-content{margin-left: 0 !important;}
.css-1hbu1y9-MuiAccordionSummary-content { 
  margin: 1vw 0 !important;
}
.findAccTitlebg h3 div{min-height: 16px !important;}
.btnJoinus { 
  font-size: 2vw !important;
}

.d-flex.justify-content-between.align-items-end.Redefiningwimg1.flex-column.thumbnailImg.w-100 {
  display: none !important;
}
.stickyTop { 
  width: 87vw;
}
.navigation__link {
  display: block;
}
.width45vh {
  width: 83.5vw;
  text-align: center;
}
.width45vh .font-1vw {
  font-size: 2.5vw;
}

.navigationSetip{display: flex; justify-content: space-between;}
.navigationSetip a {
  width: 39vw; overflow: hidden;
  min-width: inherit;
  max-width: inherit; position: relative;
}
.navigationSetip .thumbnailimg1 {
  background: url(/assets/images/home/designed-for-successfull.webp) no-repeat center top / cover;
}
.navigationSetip .thumbnailimg2 {
  background: url(/assets/images/home/built-with-advanced.webp) no-repeat center top / cover;
}
.navigationSetip a:before{content: "";  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0; top: 0; background:linear-gradient(180deg, rgb(255 255 255 / 0%), #000 100%);}
.navigationSetip a span.font-3vw {
  font-size: 2.5vw !important;
  line-height: 2.5vw; color: #fff !important; padding:2vw 1vw;
  position: absolute;
  bottom: 0;
  text-align: center;
  left: 0;
  right: 0;
  background:linear-gradient(180deg, rgb(255 255 255 / 0%), #000 100%);
}

.CreateYourProfilebg .CreateYourProfile h3 {
  font-size: 2.5vw;}
  .CreateYourProfile p {
    font-size: 1.9vw;}
    .btnJoinusWhite { 
      font-size: 2vw !important;
  }
  .CreateYourProfile .number {
    font-size: 3vw;}


   .yourPrivacyText .font-2vw {
      font-size: 2.5vw !important;
  }
  .YourPrivacyOurpbg .yourPrivacyText .img { 
    width: 4vw; min-width: 4vw;}
    .YourPrivacyOurp {
      padding: 10vh 5.5vw 010vw !important;
  }
  .YourPrivacyOurtext h2{margin-bottom: 0 !important;}
  .ReadytoExperience { 
    height: 40vw;
}
.readyToExConText { 
  width: 70vw;}

  .Redefiningbg {
    padding: 4vh 0px 4vh 5.5vw !important;
}
  .Redefiningbg.setuRedefing {
    padding: 4vh 5.5vw 4vh 5.5vw !important;
}
.Redefiningbg.setuRedefing .stickyTop {
  width: 100%;
  padding: 0;
}
.FindAuthentic {
  padding: 8vh 5.5vw !important;
}
.navigation.stickyTop.Scroll-none .position-sticky.bg-white.w-100.z-3 {
  padding: 0vw 0px 0px;
  margin-top: 0vw; position: relative !important;
}
}

@media (max-width:575px){
  .text-end.bannerTextRight { 
    max-width: 80vw;
}
.text-end.bannerTextRight .font-2vw {
  font-size: 4.5vw !important;
}
/* .homebanner-Sec button {
  font-size: 4.5vw !important;} */

  .d-flex.justify-content-between.AccordionNewHomeFindbg {
    flex-direction: column;
    text-align: center;
    justify-content: center !important;
    align-items: center;
    padding-top: 0 !important;
}
.AccordionNewImgFind span.active { 
  width: 89vw;
  margin: 0 auto;
}
/* .AccordionNewImgFind span.active img {
  width: 89vw;
} */
.AccordionNewImgFind span.active img {
  width: 100%;
  height: auto; display: none !important;
}
.findAccTitlebg h3 div {
  min-height: 8vw !important;
  justify-content: center;
}
.findAccTitle .MuiAccordionSummary-content {
  justify-content: center;
  align-items: center;
}
.findAccTitle .MuiTypography-root {
  font-size: 18px !important; text-align: center;
}
/* .FooterSec .FooterLinks {
  text-align: center;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  align-items: self-start !important;
} */
.FooterSec .FooterLinks li { 
  padding: 5px 0px;
}
.FooterSec .FooterLinks li a {
  padding: 5px 7px !important;
}
.footer-link h4 {
  text-align: center;
  padding-bottom: 5vw;
}
.UpFfreebgns h2 {
  font-size: 24px !important;
}

.css-9ll8m3-MuiButtonBase-root-MuiAccordionSummary-root .css-rizt0-MuiTypography-root {
  font-size: 5vw !important;}
.css-csxjp8-MuiButtonBase-root-MuiAccordionSummary-root .css-rizt0-MuiTypography-root {
  font-size: 5vw !important;}
  .css-1429o6m-MuiAccordionDetails-root .MuiTypography-root {
    font-size: 4vw !important;
}
.AccordionNewHomeFind {
  margin-top:0vw;
}
.findAccTitle.ttlacmg span {
  margin-bottom: 0 !important;
}
.btnJoinus {
  font-size: 14px !important; font-weight: 400 !important;
  padding: 1.7vw 5vw !important;
}
.findAccContnt,.MuiTypography-root.findAccContnt {font-size: 14px !important;}
.AccordionNewHomeFind .h-100.d-flex.justify-content-end.align-items-end {
  justify-content: center !important;
  width: 100%;
}
.css-1429o6m-MuiAccordionDetails-root {
  padding: 0vw 0 2vw 0 !important;
}
.stickyTop { 
  padding: 0;
}
.text-end.bannerTextRight .font-5vw {
  font-size: 10.5vw !important;
}
.font-3vw {
  font-size: 7.5vw !important;
  line-height: 8.5vw;
}
.width45vh .font-1vw {
  font-size: 14px !important;
}
.navigationSetip {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
gap: 2vw;
}   
.navigationSetip a {
  width: 89vw;}
  .CreateYourProfile h3 {
    font-size: 18px !important;
}
.navigationSetip a span.font-3vw {
  font-size: 16px !important;
  line-height: 6.5vw; 
  padding: 6vw 3vw}

  .YourExclusivebg .YourExclusiveList {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    height: 100vw !important;
}
.withcolpssteup {
  height: 100%;
  width: calc(100% / 1);}
  .withcolpssteup:hover {
    width: 100%;
}
.YourExusivbg .YourExusivText h3 {
  font-size: 4vw;  margin-bottom: 1.3vw;}
  .YourExusivText { 
    padding: 2vw;
    height: 13.6vw;}
    .YourExusivbg .YourExusivText p {
      font-size: 3vw;
      width: 40vw;}
      .withcolpssteup:hover .YourExusivText {
        height: 28vw;
    }
   
    
    .CreateYourProfilebg .CreateYourProfile h3 {
      font-size: 4.5vw;
  }
  .CreateYourProfile p {
    font-size: 3.3vw;
}
.CreateYourProfile {gap: 10px;
  padding: 3.5vw 0;}
  .CreateYourProfile .number {
    font-size: 7vw;
}
.btnJoinusWhite {
  font-size: 14px !important; font-weight: 400 !important;
}

.YourPrivacyOurpbg {
  flex-direction: column-reverse;
}
.YourPrivacyOurpbg .YourPrivacyOurImg {
  width: 89vw;
}
.YourPrivacyOurpbg .YourPrivacyOurImg img {
  width: 89vw;
}
.YourPrivacyOurpbg .YourPrivacyOurtext h2.font-5vw {
  font-size: 7.5vw !important;
}
.yourPrivacyText .font-2vw {
  font-size:14px !important;
}
.YourPrivacyOurpbg .yourPrivacyText .img {
  width: 20px;
  min-width: 20px;
  margin-right: 10px;
}    
.readyToExConText {
  width: 89vw;
}
.ReadytoExperience {
  height: 50vw;
}
}

 
.aboutusnEwv1 .MuiButton-root.newclbtun{
  background: rgb(134, 29, 29) !important;
  color: rgb(255, 255, 255) !important;
  font-size: 0.84vw !important;
  padding: 0.4vw 2vw !important;
  border: none !important;
  border-radius: 50vw !important;
  -webkit-border-radius: 50vw !important;
  -moz-border-radius: 50vw !important;
  -ms-border-radius: 50vw !important;
  -o-border-radius: 50vw !important;
}
.newclbtun{
  background: rgb(134, 29, 29) !important;
  color: rgb(255, 255, 255) !important;
  font-size: 0.84vw !important;
  padding: 0.4vw 2vw !important;
  border: none !important;
  border-radius: 50vw !important;
  -webkit-border-radius: 50vw !important;
  -moz-border-radius: 50vw !important;
  -ms-border-radius: 50vw !important;
  -o-border-radius: 50vw !important;
}
 
/* .MuiButtonBase-root{} */






/* account Setting start */
.a-s-nav{ padding: 10px 0;
  border-bottom: 1px solid #ccc;
  position: fixed;
  top:89px !important;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;}
  .a-s-nav p{font-size:24px !important;}
  .a-s-nav ol li{font-size: 16px !important;}
  .a-s-nav a{padding: 0.5vw !important;}
  .a-s-nav a svg{width: 20px !important; height: 20px !important;}
  .a-s-nav .MuiBreadcrumbs-separator{display: none !important;}
  .accountdshBd{display: flex;
    /* height: calc(100vh - 3vw); */
    height: 100%;
    background-color: #f5f5f5;
    position: relative;
    top: 50px;}

    /* MySubcriptionPlan new */
    .MySubcriptionPlan .offer-card {
      background: url(../images/payment/plan_20poff.png) no-repeat center top / cover;
      padding: 74px 40px !important;
      position: relative;
      z-index: 2; overflow: hidden; 
}
  .MySubcriptionPlan .offer-card::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0, 0, 0,0.7); z-index: -1;}
  .MySubcriptionPlan .CurrentActive{color: #081726; font-size: 14px; font-weight: 400;}
  .MySubcriptionPlan .plan-title{color: #2E3238; 
    font-size: 24px;}
  .MySubcriptionPlan .next-payment{border-radius: 5px;
    background: rgba(191, 133, 0, 0.32);   display: inline-flex;
    padding: 3px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px
    }
    .MySubcriptionPlan .benefits-title {
      color: #081726;
      font-size: 14px;
      font-weight: bold;
  }
  .MySubcriptionPlan ul.benefits-list{padding-left: 0;}
  .MySubcriptionPlan ul.benefits-list li {
    color: #081726; 
    padding: 3px 0;
    font-size: 14px;
    list-style: none; 
}
.MySubcriptionPlan .links .blue-link.d-block {
  text-decoration: none; border: none; background: none;
  color: #3361FF; 
  font-size: 16px; 
  font-weight: 600;
}
.MySubcriptionPlan .offer-title{font-size: 48px; font-weight: 400;}
.MySubcriptionPlan .offer-subtitle{font-size: 24px; font-weight: 400;}
.MySubcriptionPlan .offer-benefits-title{font-size: 14px; font-weight: bold;}
.MySubcriptionPlan .offer-benefits-list{padding:20px 0; margin: 0;}
.MySubcriptionPlan .offer-benefits-list li{list-style: none; font-size: 14px;}
.MySubcriptionPlan .upgrade-button{border-radius: 60px;
  background: #EA4335;
  width: 242px;
  color: #fff;
  font-size: 14px;
  padding: 12px 30px;
  border: none;}

    .LeftSidebarList01{
      width: 23vw;
  }
    .LeftSidebarList01 .MuiDrawer-paper{ box-sizing: border-box;
      height: 100%;
      width: 23vw;
      background-Color: #fff;
      top: 146px;
      height: calc(100vh - 146px);
      z-index: 9;
  } 
  /* .imgw24{width: 1.25vw !important; height: 1.25vw !important;} */
  .fontsetvw {margin: 0 !important;}
/* .fontsetvw .MuiTypography-root{font-size: 1vw !important; margin: 0.1vw 0 !important;} */
  .listitmBtn{padding: 12px 16px 12px 32px !important; gap: 10px;} 
  .ac-ListItem{min-width: 30px !important;}
  /* .LeftSidebarList01  .MuiList-root{padding: 0.4vw 0 !important;} */
.ac-heading{font-size: 32px !important;}

.font1vw{font-size: 20px !important;}
.font105vw{font-size: 24px !important;}
.font875vw{font-size:16px !important;}
.font08vw{font-size:16px !important;}
.border001vw{border: 1px solid #ccc !important;}
.mtopBottom05{margin-top: 10px !important; margin-bottom: 10px !important;}
.p1vw{padding: 20px !important;}
.gap05vw{gap: 0.5vw !important;}
.pt16vw{padding-top: 16px;}
.pb16vw{padding-bottom: 16px;}
/* .font32vw{padding-bottom:1.8vw;} */
.my16vw{margin-top: 16px;}
.mb16vw{margin-bottom: 16px;}
/* .wsetSwitch{
  width: 3vw !important;
  height: 2vw !important; padding: 0;
}
.wsetSwitch .MuiSwitch-thumb{width: 1vw !important; height: 1vw !important;}
.wsetSwitch .MuiButtonBase-root{padding: 0.5vw !important;} */

/* .wsetSwitch .MuiButtonBase-root.Mui-checked{ transform: translateX(1vw) !important; -webkit-transform: translateX(1vw) !important; -moz-transform: translateX(1vw) !important; -ms-transform: translateX(1vw) !important; -o-transform: translateX(1vw) !important; } */
.customClassBtn01{padding: 6px 20px !important; font-size: 16px !important; min-height:inherit !important; min-width:inherit !important;}
.divflxset div{display: flex;}
.customEmailBtn01{padding: 0.3vw 1vw !important; min-height:inherit !important; min-width:inherit !important;}
.customEmailBtn01 svg{width: 1vw !important; height: 1vw !important;}
.mb04vw{margin-bottom:0.4vw !important ;}
.mt32vw{margin-top: 1.5vw !important;}
.my32vw{margin-top: 1.5vw !important; margin-bottom: 1.5vw !important;}
.mt24vw{margin-top: 1.25vw !important;}
.py10vw{padding-top: 0.5vw !important; padding-bottom: 0.5vw !important;}
.px20vw{padding-left: 1vw !important; padding-right: 1vw !important;}
.px24vw {padding-left:2vw !important ; padding-right: 2vw !important;}
.py03vw{padding-top:0.3vw !important ; padding-bottom: 0.3vw !important;}
.p3vw{padding: 1vw !important;}
.gap01vw{gap: 0.1vw !important;}
.h40vw{height:40px !important;}
.ms16vw{margin-left: 0.875vw !important;}
.innerBtnStu button{min-width: inherit !important;}
.innerBtnStu button.wthstbpmn img{width: 1vw !important; height: 1vw !important;}
.contsupport{display: flex !important;}
.subProt1Brbg1{padding: 70px 0;}
.subProt1Brbg1 h2{padding-bottom: 30px;}
.colorRd{color: #861D1D !important;}
/* .MuiOutlinedInputInput .MuiOutlinedInput-input{height: 1.5vw !important;     font-size: 0.875vw !important; padding: 0.5vw 0.7vw !important;} */
/* .MuiOutlinedInputInput button svg{width: 1.5vw !important; height: 1.5vw !important;} */
.H50vw{height:2.5vw !important; min-height: inherit !important;}
.MuiWidth69vw{width: 3.5vw !important;}

.textSrtyQs{padding: 20px !important;
  min-height: inherit !important;}
.textSrtyQs svg{width: 1vw !important; height: 1vw !important;}
.Muibdradius125vw { border-radius: 50px; padding: 6px 20px !important; font-size: 16px !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; margin-top: 16px !important;
}
.textSrtyQs .MuiAccordionSummary-content{margin: 0 0 !important;}
.boxfontsetvw select.form-select {
  padding: 0.3vw 1vw;
  font-size: 0.875vw !important;
  border: 0.01vw solid #ccc !important;
  height: 3vw;
  width: 7vw;
  background-position: right 0.4vw center;
  background-size: 0.875vw 0.6vw;
}
 
.sxnbvw {min-height: inherit !important;}
.sxnbvw .MuiAccordionSummary-content{margin: 0.5vw 0 !important;}

.mt10vw{margin-top: 0.5vw !important;}
.mb16vw{margin-bottom: 0.875vw !important;}
.font12vw{font-size: 0.7vw !important;}
.heighwsetP input {
  height: 2vw; font-size: 0.875vw !important;
}

.msetupnew1bg{margin: 0 !important; gap: 2vw; display: flex; justify-content: space-between;}
.msetupnew1 {padding: 0 !important; max-width: 35vw !important;}
.heighwsetPw{width: 30vw !important;}

.ac-Photo-verificationImg,.ac-verificationImg{height: 11vw !important;}
.verified-icon01 img{width: 3vw; height: 3vw;}
/* @media (max-width:1599px){
  .a-s-nav {
    padding: 10px 0; 
    top: 4.7vw !important;}
    .LeftSidebarList01 .MuiDrawer-paper{top: 7.53vw;}
}*/
@media (max-width:1399px){
  .a-s-nav {
    top: 88px !important;
}
} 
@media (max-width:1199px){
  .a-s-nav {
    top: 75px !important;
}
.LeftSidebarList01 .MuiDrawer-paper {  
  top: 132px;
  height: calc(100vh - 132px);}
}
@media (max-width:1440px){
  .LeftSidebarList01 {
    width: 27vw;
}
  .LeftSidebarList01 .MuiDrawer-paper { 
    width: 27vw;}
    .fontsetvw .MuiTypography-root {
      font-size: 16px !important;}
      /* .imgw24 {
        width: 24px !important;
        height: 24px !important;
    } */
   
 
 .dMobileset .font875vw {
    font-size: 16px !important;
}
 .dMobileset h6.font875vw{ font-size: 16px !important; } 
.dMobileset .font1vw {
  font-size: 16px !important;
}
}




  @media (max-width:991px){
    .iconBtnSetM svg {
      width: 3vw;
      height: 3vw;
      color: #000;
  }
    .LogoAfterSignIn{display: flex; padding: 6px 0vw;}
    .px20vw {padding-left: 4vw !important;
      padding-right: 4vw !important;}
  }

 
/* account Setting end */





@media (max-width:599px){
.AddiMdalSet .font-32{font-size: 20px !important;}
.AddiMdalSet .font-18{font-size: 14px !important;}
.AddiMdalSet .mw-425-px.btnsWithConnects.mx-auto{width: 100% !important;}
.toolmdalSet{
  padding:30px 15px !important;
}
.scale-value {
  font-size: 12px !important;
  padding: 4px 8px!important;
}
.AddiMdalSet .btnsetAll button {
  padding: 1.6vw 5.8vw !important;
  margin: 1vw !important;
}
/* .filters-container.hide button.StartIcon, .profile-container.overflow-hidden button.StartIcon{top: 12vw;} */

}


/* Contact Us Start Responsive code */
@media (max-width:575px){

}
/* Contact Us Start Responsive code  end */


































































































































































:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 4px 60px 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 4px 60px 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 20px 100px 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 4px 8px 24px 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 4px 12px 32px 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 4px 16px 32px 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --cyan-50: #e2f5fb;
  --cyan-100: #DAF6FF;
  --cyan-200: #85daf4;
  --cyan-300: #6cdafc;
  --cyan-400: #48cef7;
  --cyan-500: #2bc9f9;
  --cyan-600: #00b8f2;
  --cyan-700: #03a9dc;
  --cyan-800: #049dcb;
  --cyan-900: #0390bb;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-200: #dcc0f8;
  --lilac-300: #cd9ffa;
  --lilac-400: #c48afe;
  --lilac-500: #b66dff;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}



/* === size css end === */
/* === spacing css start === */
.m-2 {
  margin: var(--size-2);
}

.m-4 {
  margin: var(--size-4);
}

.m-6 {
  margin: var(--size-6);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-16 {
  margin: var(--size-16);
}

.m-20 {
  margin: var(--size-20);
}

.m-24 {
  margin: var(--size-24);
}

.m-28 {
  margin: var(--size-28);
}

.m-32 {
  margin: var(--size-32);
}

.m-36 {
  margin: var(--size-36);
}

.m-40 {
  margin: var(--size-40);
}

.m-44 {
  margin: var(--size-44);
}

.m-48 {
  margin: var(--size-48);
}

.m-50 {
  margin: var(--size-50);
}

.m-56 {
  margin: var(--size-56);
}

.m-60 {
  margin: var(--size-60);
}

.m-64 {
  margin: var(--size-64);
}

.m-72 {
  margin: var(--size-72);
}

.m-76 {
  margin: var(--size-76);
}

.m-80 {
  margin: var(--size-80);
}

.m-90 {
  margin: var(--size-90);
}

.m-110 {
  margin: var(--size-110);
}

.m-120 {
  margin: var(--size-120);
}

.m-144 {
  margin: var(--size-144);
}

.m-160 {
  margin: var(--size-160);
}

.m-170 {
  margin: var(--size-170);
}

.m-190 {
  margin: var(--size-190);
}

.m-200 {
  margin: var(--size-200);
}

.m-240 {
  margin: var(--size-240);
}

.m-440 {
  margin: var(--size-440);
}

.mx-2 {
  margin-inline: var(--size-2) !important;
}

.mx-4 {
  margin-inline: var(--size-4) !important;
}

.mx-6 {
  margin-inline: var(--size-6) !important;
}

.mx-8 {
  margin-inline: var(--size-8) !important;
}

.mx-9 {
  margin-inline: var(--size-9) !important;
}

.mx-10 {
  margin-inline: var(--size-10) !important;
}

.mx-11 {
  margin-inline: var(--size-11) !important;
}

.mx-12 {
  margin-inline: var(--size-12) !important;
}

.mx-13 {
  margin-inline: var(--size-13) !important;
}

.mx-16 {
  margin-inline: var(--size-16) !important;
}

.mx-20 {
  margin-inline: var(--size-20) !important;
}

.mx-24 {
  margin-inline: var(--size-24) !important;
}

.mx-28 {
  margin-inline: var(--size-28) !important;
}

.mx-32 {
  margin-inline: var(--size-32) !important;
}

.mx-36 {
  margin-inline: var(--size-36) !important;
}

.mx-40 {
  margin-inline: var(--size-40) !important;
}

.mx-44 {
  margin-inline: var(--size-44) !important;
}

.mx-48 {
  margin-inline: var(--size-48) !important;
}

.mx-50 {
  margin-inline: var(--size-50) !important;
}

.mx-56 {
  margin-inline: var(--size-56) !important;
}

.mx-60 {
  margin-inline: var(--size-60) !important;
}

.mx-64 {
  margin-inline: var(--size-64) !important;
}

.mx-72 {
  margin-inline: var(--size-72) !important;
}

.mx-76 {
  margin-inline: var(--size-76) !important;
}

.mx-80 {
  margin-inline: var(--size-80) !important;
}

.mx-90 {
  margin-inline: var(--size-90) !important;
}

.mx-110 {
  margin-inline: var(--size-110) !important;
}

.mx-120 {
  margin-inline: var(--size-120) !important;
}

.mx-144 {
  margin-inline: var(--size-144) !important;
}

.mx-160 {
  margin-inline: var(--size-160) !important;
}

.mx-170 {
  margin-inline: var(--size-170) !important;
}

.mx-190 {
  margin-inline: var(--size-190) !important;
}

.mx-200 {
  margin-inline: var(--size-200) !important;
}

.mx-240 {
  margin-inline: var(--size-240) !important;
}

.mx-440 {
  margin-inline: var(--size-440) !important;
}

.my-2 {
  margin-block: var(--size-2) !important;
}

.my-4 {
  margin-block: var(--size-4) !important;
}

.my-6 {
  margin-block: var(--size-6) !important;
}

.my-8 {
  margin-block: var(--size-8) !important;
}

.my-9 {
  margin-block: var(--size-9) !important;
}

.my-10 {
  margin-block: var(--size-10) !important;
}

.my-11 {
  margin-block: var(--size-11) !important;
}

.my-12 {
  margin-block: var(--size-12) !important;
}

.my-13 {
  margin-block: var(--size-13) !important;
}

.my-16 {
  margin-block: var(--size-16) !important;
}

.my-20 {
  margin-block: var(--size-20) !important;
}

.my-24 {
  margin-block: var(--size-24) !important;
}

.my-28 {
  margin-block: var(--size-28) !important;
}

.my-32 {
  margin-block: var(--size-32) !important;
}

.my-36 {
  margin-block: var(--size-36) !important;
}

.my-40 {
  margin-block: var(--size-40) !important;
}

.my-44 {
  margin-block: var(--size-44) !important;
}

.my-48 {
  margin-block: var(--size-48) !important;
}

.my-50 {
  margin-block: var(--size-50) !important;
}

.my-56 {
  margin-block: var(--size-56) !important;
}

.my-60 {
  margin-block: var(--size-60) !important;
}

.my-64 {
  margin-block: var(--size-64) !important;
}

.my-72 {
  margin-block: var(--size-72) !important;
}

.my-76 {
  margin-block: var(--size-76) !important;
}

.my-80 {
  margin-block: var(--size-80) !important;
}

.my-90 {
  margin-block: var(--size-90) !important;
}

.my-110 {
  margin-block: var(--size-110) !important;
}

.my-120 {
  margin-block: var(--size-120) !important;
}

.my-144 {
  margin-block: var(--size-144) !important;
}

.my-160 {
  margin-block: var(--size-160) !important;
}

.my-170 {
  margin-block: var(--size-170) !important;
}

.my-190 {
  margin-block: var(--size-190) !important;
}

.my-200 {
  margin-block: var(--size-200) !important;
}

.my-240 {
  margin-block: var(--size-240) !important;
}

.my-440 {
  margin-block: var(--size-440) !important;
}

.ms-2 {
  margin-inline-start: var(--size-2) !important;
}

.ms-4 {
  margin-inline-start: var(--size-4) !important;
}

.ms-6 {
  margin-inline-start: var(--size-6) !important;
}

.ms-8 {
  margin-inline-start: var(--size-8) !important;
}

.ms-9 {
  margin-inline-start: var(--size-9) !important;
}

.ms-10 {
  margin-inline-start: var(--size-10) !important;
}

.ms-11 {
  margin-inline-start: var(--size-11) !important;
}

.ms-12 {
  margin-inline-start: var(--size-12) !important;
}

.ms-13 {
  margin-inline-start: var(--size-13) !important;
}

.ms-16 {
  margin-inline-start: var(--size-16) !important;
}

.ms-20 {
  margin-inline-start: var(--size-20) !important;
}

.ms-24 {
  margin-inline-start: var(--size-24) !important;
}

.ms-28 {
  margin-inline-start: var(--size-28) !important;
}

.ms-32 {
  margin-inline-start: var(--size-32) !important;
}

.ms-36 {
  margin-inline-start: var(--size-36) !important;
}

.ms-40 {
  margin-inline-start: var(--size-40) !important;
}

.ms-44 {
  margin-inline-start: var(--size-44) !important;
}

.ms-48 {
  margin-inline-start: var(--size-48) !important;
}

.ms-50 {
  margin-inline-start: var(--size-50) !important;
}

.ms-56 {
  margin-inline-start: var(--size-56) !important;
}

.ms-60 {
  margin-inline-start: var(--size-60) !important;
}

.ms-64 {
  margin-inline-start: var(--size-64) !important;
}

.ms-72 {
  margin-inline-start: var(--size-72) !important;
}

.ms-76 {
  margin-inline-start: var(--size-76) !important;
}

.ms-80 {
  margin-inline-start: var(--size-80) !important;
}

.ms-90 {
  margin-inline-start: var(--size-90) !important;
}

.ms-110 {
  margin-inline-start: var(--size-110) !important;
}

.ms-120 {
  margin-inline-start: var(--size-120) !important;
}

.ms-144 {
  margin-inline-start: var(--size-144) !important;
}

.ms-160 {
  margin-inline-start: var(--size-160) !important;
}

.ms-170 {
  margin-inline-start: var(--size-170) !important;
}

.ms-190 {
  margin-inline-start: var(--size-190) !important;
}

.ms-200 {
  margin-inline-start: var(--size-200) !important;
}

.ms-240 {
  margin-inline-start: var(--size-240) !important;
}

.ms-440 {
  margin-inline-start: var(--size-440) !important;
}

.me-2 {
  margin-inline-end: var(--size-2) !important;
}

.me-4 {
  margin-inline-end: var(--size-4) !important;
}

.me-6 {
  margin-inline-end: var(--size-6) !important;
}

.me-8 {
  margin-inline-end: var(--size-8) !important;
}

.me-9 {
  margin-inline-end: var(--size-9) !important;
}

.me-10 {
  margin-inline-end: var(--size-10) !important;
}

.me-11 {
  margin-inline-end: var(--size-11) !important;
}

.me-12 {
  margin-inline-end: var(--size-12) !important;
}

.me-13 {
  margin-inline-end: var(--size-13) !important;
}

.me-16 {
  margin-inline-end: var(--size-16) !important;
}

.me-20 {
  margin-inline-end: var(--size-20) !important;
}

.me-24 {
  margin-inline-end: var(--size-24) !important;
}

.me-28 {
  margin-inline-end: var(--size-28) !important;
}

.me-32 {
  margin-inline-end: var(--size-32) !important;
}

.me-36 {
  margin-inline-end: var(--size-36) !important;
}

.me-40 {
  margin-inline-end: var(--size-40) !important;
}

.me-44 {
  margin-inline-end: var(--size-44) !important;
}

.me-48 {
  margin-inline-end: var(--size-48) !important;
}

.me-50 {
  margin-inline-end: var(--size-50) !important;
}

.me-56 {
  margin-inline-end: var(--size-56) !important;
}

.me-60 {
  margin-inline-end: var(--size-60) !important;
}

.me-64 {
  margin-inline-end: var(--size-64) !important;
}

.me-72 {
  margin-inline-end: var(--size-72) !important;
}

.me-76 {
  margin-inline-end: var(--size-76) !important;
}

.me-80 {
  margin-inline-end: var(--size-80) !important;
}

.me-90 {
  margin-inline-end: var(--size-90) !important;
}

.me-110 {
  margin-inline-end: var(--size-110) !important;
}

.me-120 {
  margin-inline-end: var(--size-120) !important;
}

.me-144 {
  margin-inline-end: var(--size-144) !important;
}

.me-160 {
  margin-inline-end: var(--size-160) !important;
}

.me-170 {
  margin-inline-end: var(--size-170) !important;
}

.me-190 {
  margin-inline-end: var(--size-190) !important;
}

.me-200 {
  margin-inline-end: var(--size-200) !important;
}

.me-240 {
  margin-inline-end: var(--size-240) !important;
}

.me-440 {
  margin-inline-end: var(--size-440) !important;
}

.mt-2 {
  margin-block-start: var(--size-2) !important;
}

.mt-4 {
  margin-block-start: var(--size-4) !important;
}

.mt-6 {
  margin-block-start: var(--size-6) !important;
}

.mt-8 {
  margin-block-start: var(--size-8) !important;
}

.mt-9 {
  margin-block-start: var(--size-9) !important;
}

.mt-10 {
  margin-block-start: var(--size-10) !important;
}

.mt-11 {
  margin-block-start: var(--size-11) !important;
}

.mt-12 {
  margin-block-start: var(--size-12) !important;
}

.mt-13 {
  margin-block-start: var(--size-13) !important;
}

.mt-16 {
  margin-block-start: var(--size-16) !important;
}

.mt-20 {
  margin-block-start: var(--size-20) !important;
}

.mt-24 {
  margin-block-start: var(--size-24) !important;
}

.mt-28 {
  margin-block-start: var(--size-28) !important;
}

.mt-32 {
  margin-block-start: var(--size-32) !important;
}

.mt-36 {
  margin-block-start: var(--size-36) !important;
}

.mt-40 {
  margin-block-start: var(--size-40) !important;
}

.mt-44 {
  margin-block-start: var(--size-44) !important;
}

.mt-48 {
  margin-block-start: var(--size-48) !important;
}

.mt-50 {
  margin-block-start: var(--size-50) !important;
}

.mt-56 {
  margin-block-start: var(--size-56) !important;
}

.mt-60 {
  margin-block-start: var(--size-60) !important;
}

.mt-64 {
  margin-block-start: var(--size-64) !important;
}

.mt-72 {
  margin-block-start: var(--size-72) !important;
}

.mt-76 {
  margin-block-start: var(--size-76) !important;
}

.mt-80 {
  margin-block-start: var(--size-80) !important;
}

.mt-90 {
  margin-block-start: var(--size-90) !important;
}

.mt-110 {
  margin-block-start: var(--size-110) !important;
}

.mt-120 {
  margin-block-start: var(--size-120) !important;
}

.mt-144 {
  margin-block-start: var(--size-144) !important;
}

.mt-160 {
  margin-block-start: var(--size-160) !important;
}

.mt-170 {
  margin-block-start: var(--size-170) !important;
}

.mt-190 {
  margin-block-start: var(--size-190) !important;
}

.mt-200 {
  margin-block-start: var(--size-200) !important;
}

.mt-240 {
  margin-block-start: var(--size-240) !important;
}

.mt-440 {
  margin-block-start: var(--size-440) !important;
}

.mb-2 {
  margin-block-end: var(--size-2) !important;
}

.mb-4 {
  margin-block-end: var(--size-4) !important;
}

.mb-6 {
  margin-block-end: var(--size-6) !important;
}

.mb-8 {
  margin-block-end: var(--size-8) !important;
}

.mb-9 {
  margin-block-end: var(--size-9) !important;
}

.mb-10 {
  margin-block-end: var(--size-10) !important;
}

.mb-11 {
  margin-block-end: var(--size-11) !important;
}

.mb-12 {
  margin-block-end: var(--size-12) !important;
}

.mb-13 {
  margin-block-end: var(--size-13) !important;
}

.mb-16 {
  margin-block-end: var(--size-16) !important;
}

.mb-20 {
  margin-block-end: var(--size-20) !important;
}

.mb-24 {
  margin-block-end: var(--size-24) !important;
}

.mb-28 {
  margin-block-end: var(--size-28) !important;
}

.mb-32 {
  margin-block-end: var(--size-32) !important;
}

.mb-36 {
  margin-block-end: var(--size-36) !important;
}

.mb-40 {
  margin-block-end: var(--size-40) !important;
}

.mb-44 {
  margin-block-end: var(--size-44) !important;
}

.mb-48 {
  margin-block-end: var(--size-48) !important;
}

.mb-50 {
  margin-block-end: var(--size-50) !important;
}

.mb-56 {
  margin-block-end: var(--size-56) !important;
}

.mb-60 {
  margin-block-end: var(--size-60) !important;
}

.mb-64 {
  margin-block-end: var(--size-64) !important;
}

.mb-72 {
  margin-block-end: var(--size-72) !important;
}

.mb-76 {
  margin-block-end: var(--size-76) !important;
}

.mb-80 {
  margin-block-end: var(--size-80) !important;
}

.mb-90 {
  margin-block-end: var(--size-90) !important;
}

.mb-110 {
  margin-block-end: var(--size-110) !important;
}

.mb-120 {
  margin-block-end: var(--size-120) !important;
}

.mb-144 {
  margin-block-end: var(--size-144) !important;
}

.mb-160 {
  margin-block-end: var(--size-160) !important;
}

.mb-170 {
  margin-block-end: var(--size-170) !important;
}

.mb-190 {
  margin-block-end: var(--size-190) !important;
}

.mb-200 {
  margin-block-end: var(--size-200) !important;
}

.mb-240 {
  margin-block-end: var(--size-240) !important;
}

.mb-440 {
  margin-block-end: var(--size-440) !important;
}

.p-2 {
  padding: var(--size-2) !important;
}

.p-4 {
  padding: var(--size-4) !important;
}

.p-6 {
  padding: var(--size-6) !important;
}

.p-8 {
  padding: var(--size-8) !important;
}

.p-9 {
  padding: var(--size-9) !important;
}

.p-10 {
  padding: var(--size-10) !important;
}

.p-11 {
  padding: var(--size-11) !important;
}

.p-12 {
  padding: var(--size-12) !important;
}

.p-13 {
  padding: var(--size-13) !important;
}

.p-16 {
  padding: var(--size-16) !important;
}

.p-20 {
  padding: var(--size-20) !important;
}

.p-24 {
  padding: var(--size-24) !important;
}

.p-28 {
  padding: var(--size-28) !important;
}

.p-32 {
  padding: var(--size-32) !important;
}

.p-36 {
  padding: var(--size-36) !important;
}

.p-40 {
  padding: var(--size-40) !important;
}

.p-44 {
  padding: var(--size-44) !important;
}

.p-48 {
  padding: var(--size-48) !important;
}

.p-50 {
  padding: var(--size-50) !important;
}

.p-56 {
  padding: var(--size-56) !important;
}

.p-60 {
  padding: var(--size-60) !important;
}

.p-64 {
  padding: var(--size-64) !important;
}

.p-72 {
  padding: var(--size-72) !important;
}

.p-76 {
  padding: var(--size-76) !important;
}

.p-80 {
  padding: var(--size-80) !important;
}

.p-90 {
  padding: var(--size-90) !important;
}

.p-110 {
  padding: var(--size-110) !important;
}

.p-120 {
  padding: var(--size-120) !important;
}

.p-144 {
  padding: var(--size-144) !important;
}

.p-160 {
  padding: var(--size-160) !important;
}

.p-170 {
  padding: var(--size-170) !important;
}

.p-190 {
  padding: var(--size-190) !important;
}

.p-200 {
  padding: var(--size-200) !important;
}

.p-240 {
  padding: var(--size-240) !important;
}

.p-440 {
  padding: var(--size-440) !important;
}

.px-2 {
  padding-inline: var(--size-2) !important;
}

.px-4 {
  padding-inline: var(--size-4) !important;
}

.px-6 {
  padding-inline: var(--size-6) !important;
}

.px-8 {
  padding-inline: var(--size-8) !important;
}

.px-9 {
  padding-inline: var(--size-9) !important;
}

.px-10 {
  padding-inline: var(--size-10) !important;
}

.px-11 {
  padding-inline: var(--size-11) !important;
}

.px-12 {
  padding-inline: var(--size-12) !important;
}

.px-13 {
  padding-inline: var(--size-13) !important;
}

.px-16 {
  padding-inline: var(--size-16) !important;
}

.px-20 {
  padding-inline: var(--size-20) !important;
}

.px-24 {
  padding-inline: var(--size-24) !important;
}

.px-28 {
  padding-inline: var(--size-28) !important;
}

.px-32 {
  padding-inline: var(--size-32) !important;
}

.px-36 {
  padding-inline: var(--size-36) !important;
}

.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-44 {
  padding-inline: var(--size-44) !important;
}

.px-48 {
  padding-inline: var(--size-48) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-56 {
  padding-inline: var(--size-56) !important;
}

.px-60 {
  padding-inline: var(--size-60) !important;
}

.px-64 {
  padding-inline: var(--size-64) !important;
}

.px-72 {
  padding-inline: var(--size-72) !important;
}

.px-76 {
  padding-inline: var(--size-76) !important;
}

.px-80 {
  padding-inline: var(--size-80) !important;
}

.px-90 {
  padding-inline: var(--size-90) !important;
}

.px-110 {
  padding-inline: var(--size-110) !important;
}

.px-120 {
  padding-inline: var(--size-120) !important;
}

.px-144 {
  padding-inline: var(--size-144) !important;
}

.px-160 {
  padding-inline: var(--size-160) !important;
}

.px-170 {
  padding-inline: var(--size-170) !important;
}

.px-190 {
  padding-inline: var(--size-190) !important;
}

.px-200 {
  padding-inline: var(--size-200) !important;
}

.px-240 {
  padding-inline: var(--size-240) !important;
}

.px-440 {
  padding-inline: var(--size-440) !important;
}

.py-2 {
  padding-block: var(--size-2) !important;
}

.py-4 {
  padding-block: var(--size-4) !important;
}

.py-6 {
  padding-block: var(--size-6) !important;
}

.py-8 {
  padding-block: var(--size-8) !important;
}

.py-9 {
  padding-block: var(--size-9) !important;
}

.py-10 {
  padding-block: var(--size-10) !important;
}

.py-11 {
  padding-block: var(--size-11) !important;
}

.py-12 {
  padding-block: var(--size-12) !important;
}

.py-13 {
  padding-block: var(--size-13) !important;
}

.py-16 {
  padding-block: var(--size-16) !important;
}

.py-20 {
  padding-block: var(--size-20) !important;
}

.py-24 {
  padding-block: var(--size-24) !important;
}

.py-28 {
  padding-block: var(--size-28) !important;
}

.py-32 {
  padding-block: var(--size-32) !important;
}

.py-36 {
  padding-block: var(--size-36) !important;
}

.py-40 {
  padding-block: var(--size-40) !important;
}

.py-44 {
  padding-block: var(--size-44) !important;
}

.py-48 {
  padding-block: var(--size-48) !important;
}

.py-50 {
  padding-block: var(--size-50) !important;
}

.py-56 {
  padding-block: var(--size-56) !important;
}

.py-60 {
  padding-block: var(--size-60) !important;
}

.py-64 {
  padding-block: var(--size-64) !important;
}

.py-72 {
  padding-block: var(--size-72) !important;
}

.py-76 {
  padding-block: var(--size-76) !important;
}

.py-80 {
  padding-block: var(--size-80) !important;
}

.py-90 {
  padding-block: var(--size-90) !important;
}

.py-110 {
  padding-block: var(--size-110) !important;
}

.py-120 {
  padding-block: var(--size-120) !important;
}

.py-144 {
  padding-block: var(--size-144) !important;
}

.py-160 {
  padding-block: var(--size-160) !important;
}

.py-170 {
  padding-block: var(--size-170) !important;
}

.py-190 {
  padding-block: var(--size-190) !important;
}

.py-200 {
  padding-block: var(--size-200) !important;
}

.py-240 {
  padding-block: var(--size-240) !important;
}

.py-440 {
  padding-block: var(--size-440) !important;
}

.ps-2 {
  padding-inline-start: var(--size-2) !important;
}

.ps-4 {
  padding-inline-start: var(--size-4) !important;
}

.ps-6 {
  padding-inline-start: var(--size-6) !important;
}

.ps-8 {
  padding-inline-start: var(--size-8) !important;
}

.ps-9 {
  padding-inline-start: var(--size-9) !important;
}

.ps-10 {
  padding-inline-start: var(--size-10) !important;
}

.ps-11 {
  padding-inline-start: var(--size-11) !important;
}

.ps-12 {
  padding-inline-start: var(--size-12) !important;
}

.ps-13 {
  padding-inline-start: var(--size-13) !important;
}

.ps-16 {
  padding-inline-start: var(--size-16) !important;
}

.ps-20 {
  padding-inline-start: var(--size-20) !important;
}

.ps-24 {
  padding-inline-start: var(--size-24) !important;
}

.ps-28 {
  padding-inline-start: var(--size-28) !important;
}

.ps-32 {
  padding-inline-start: var(--size-32) !important;
}

.ps-36 {
  padding-inline-start: var(--size-36) !important;
}

.ps-40 {
  padding-inline-start: var(--size-40) !important;
}

.ps-44 {
  padding-inline-start: var(--size-44) !important;
}

.ps-48 {
  padding-inline-start: var(--size-48) !important;
}

.ps-50 {
  padding-inline-start: var(--size-50) !important;
}

.ps-56 {
  padding-inline-start: var(--size-56) !important;
}

.ps-60 {
  padding-inline-start: var(--size-60) !important;
}

.ps-64 {
  padding-inline-start: var(--size-64) !important;
}

.ps-72 {
  padding-inline-start: var(--size-72) !important;
}

.ps-76 {
  padding-inline-start: var(--size-76) !important;
}

.ps-80 {
  padding-inline-start: var(--size-80) !important;
}

.ps-90 {
  padding-inline-start: var(--size-90) !important;
}

.ps-110 {
  padding-inline-start: var(--size-110) !important;
}

.ps-120 {
  padding-inline-start: var(--size-120) !important;
}

.ps-144 {
  padding-inline-start: var(--size-144) !important;
}

.ps-160 {
  padding-inline-start: var(--size-160) !important;
}

.ps-170 {
  padding-inline-start: var(--size-170) !important;
}

.ps-190 {
  padding-inline-start: var(--size-190) !important;
}

.ps-200 {
  padding-inline-start: var(--size-200) !important;
}

.ps-240 {
  padding-inline-start: var(--size-240) !important;
}

.ps-440 {
  padding-inline-start: var(--size-440) !important;
}

.pe-2 {
  padding-inline-end: var(--size-2) !important;
}

.pe-4 {
  padding-inline-end: var(--size-4) !important;
}

.pe-6 {
  padding-inline-end: var(--size-6) !important;
}

.pe-8 {
  padding-inline-end: var(--size-8) !important;
}

.pe-9 {
  padding-inline-end: var(--size-9) !important;
}

.pe-10 {
  padding-inline-end: var(--size-10) !important;
}

.pe-11 {
  padding-inline-end: var(--size-11) !important;
}

.pe-12 {
  padding-inline-end: var(--size-12) !important;
}

.pe-13 {
  padding-inline-end: var(--size-13) !important;
}

.pe-16 {
  padding-inline-end: var(--size-16) !important;
}

.pe-20 {
  padding-inline-end: var(--size-20) !important;
}

.pe-24 {
  padding-inline-end: var(--size-24) !important;
}

.pe-28 {
  padding-inline-end: var(--size-28) !important;
}

.pe-32 {
  padding-inline-end: var(--size-32) !important;
}

.pe-36 {
  padding-inline-end: var(--size-36) !important;
}

.pe-40 {
  padding-inline-end: var(--size-40) !important;
}

.pe-44 {
  padding-inline-end: var(--size-44) !important;
}

.pe-48 {
  padding-inline-end: var(--size-48) !important;
}

.pe-50 {
  padding-inline-end: var(--size-50) !important;
}

.pe-56 {
  padding-inline-end: var(--size-56) !important;
}

.pe-60 {
  padding-inline-end: var(--size-60) !important;
}

.pe-64 {
  padding-inline-end: var(--size-64) !important;
}

.pe-72 {
  padding-inline-end: var(--size-72) !important;
}

.pe-76 {
  padding-inline-end: var(--size-76) !important;
}

.pe-80 {
  padding-inline-end: var(--size-80) !important;
}

.pe-90 {
  padding-inline-end: var(--size-90) !important;
}

.pe-110 {
  padding-inline-end: var(--size-110) !important;
}

.pe-120 {
  padding-inline-end: var(--size-120) !important;
}

.pe-144 {
  padding-inline-end: var(--size-144) !important;
}

.pe-160 {
  padding-inline-end: var(--size-160) !important;
}

.pe-170 {
  padding-inline-end: var(--size-170) !important;
}

.pe-190 {
  padding-inline-end: var(--size-190) !important;
}

.pe-200 {
  padding-inline-end: var(--size-200) !important;
}

.pe-240 {
  padding-inline-end: var(--size-240) !important;
}

.pe-440 {
  padding-inline-end: var(--size-440) !important;
}

.pt-2 {
  padding-block-start: var(--size-2) !important;
}

.pt-4 {
  padding-block-start: var(--size-4) !important;
}

.pt-6 {
  padding-block-start: var(--size-6) !important;
}

.pt-8 {
  padding-block-start: var(--size-8) !important;
}

.pt-9 {
  padding-block-start: var(--size-9) !important;
}

.pt-10 {
  padding-block-start: var(--size-10) !important;
}

.pt-11 {
  padding-block-start: var(--size-11) !important;
}

.pt-12 {
  padding-block-start: var(--size-12) !important;
}

.pt-13 {
  padding-block-start: var(--size-13) !important;
}

.pt-16 {
  padding-block-start: var(--size-16) !important;
}

.pt-20 {
  padding-block-start: var(--size-20) !important;
}

.pt-24 {
  padding-block-start: var(--size-24) !important;
}

.pt-28 {
  padding-block-start: var(--size-28) !important;
}

.pt-32 {
  padding-block-start: var(--size-32) !important;
}

.pt-36 {
  padding-block-start: var(--size-36) !important;
}

.pt-40 {
  padding-block-start: var(--size-40) !important;
}

.pt-44 {
  padding-block-start: var(--size-44) !important;
}

.pt-48 {
  padding-block-start: var(--size-48) !important;
}

.pt-50 {
  padding-block-start: var(--size-50) !important;
}

.pt-56 {
  padding-block-start: var(--size-56) !important;
}

.pt-60 {
  padding-block-start: var(--size-60) !important;
}

.pt-64 {
  padding-block-start: var(--size-64) !important;
}

.pt-72 {
  padding-block-start: var(--size-72) !important;
}

.pt-76 {
  padding-block-start: var(--size-76) !important;
}

.pt-80 {
  padding-block-start: var(--size-80) !important;
}

.pt-90 {
  padding-block-start: var(--size-90) !important;
}

.pt-110 {
  padding-block-start: var(--size-110) !important;
}

.pt-120 {
  padding-block-start: var(--size-120) !important;
}

.pt-144 {
  padding-block-start: var(--size-144) !important;
}

.pt-160 {
  padding-block-start: var(--size-160) !important;
}

.pt-170 {
  padding-block-start: var(--size-170) !important;
}

.pt-190 {
  padding-block-start: var(--size-190) !important;
}

.pt-200 {
  padding-block-start: var(--size-200) !important;
}

.pt-240 {
  padding-block-start: var(--size-240) !important;
}

.pt-440 {
  padding-block-start: var(--size-440) !important;
}

.pb-2 {
  padding-block-end: var(--size-2) !important;
}

.pb-4 {
  padding-block-end: var(--size-4) !important;
}

.pb-6 {
  padding-block-end: var(--size-6) !important;
}

.pb-8 {
  padding-block-end: var(--size-8) !important;
}

.pb-9 {
  padding-block-end: var(--size-9) !important;
}

.pb-10 {
  padding-block-end: var(--size-10) !important;
}

.pb-11 {
  padding-block-end: var(--size-11) !important;
}

.pb-12 {
  padding-block-end: var(--size-12) !important;
}

.pb-13 {
  padding-block-end: var(--size-13) !important;
}

.pb-16 {
  padding-block-end: var(--size-16) !important;
}

.pb-20 {
  padding-block-end: var(--size-20) !important;
}

.pb-24 {
  padding-block-end: var(--size-24) !important;
}

.pb-28 {
  padding-block-end: var(--size-28) !important;
}

.pb-32 {
  padding-block-end: var(--size-32) !important;
}

.pb-36 {
  padding-block-end: var(--size-36) !important;
}

.pb-40 {
  padding-block-end: var(--size-40) !important;
}

.pb-44 {
  padding-block-end: var(--size-44) !important;
}

.pb-48 {
  padding-block-end: var(--size-48) !important;
}

.pb-50 {
  padding-block-end: var(--size-50) !important;
}

.pb-56 {
  padding-block-end: var(--size-56) !important;
}

.pb-60 {
  padding-block-end: var(--size-60) !important;
}

.pb-64 {
  padding-block-end: var(--size-64) !important;
}

.pb-72 {
  padding-block-end: var(--size-72) !important;
}

.pb-76 {
  padding-block-end: var(--size-76) !important;
}

.pb-80 {
  padding-block-end: var(--size-80) !important;
}

.pb-90 {
  padding-block-end: var(--size-90) !important;
}

.pb-110 {
  padding-block-end: var(--size-110) !important;
}

.pb-120 {
  padding-block-end: var(--size-120) !important;
}

.pb-144 {
  padding-block-end: var(--size-144) !important;
}

.pb-160 {
  padding-block-end: var(--size-160) !important;
}

.pb-170 {
  padding-block-end: var(--size-170) !important;
}

.pb-190 {
  padding-block-end: var(--size-190) !important;
}

.pb-200 {
  padding-block-end: var(--size-200) !important;
}

.pb-240 {
  padding-block-end: var(--size-240) !important;
}

.pb-440 {
  padding-block-end: var(--size-440) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ms--10px {
  margin-left: -10px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--100 {
  margin-top: -100px;
}

.mt--36 {
  margin-top: -36px;
}


/* Header Nave Responsive Start */

.msetmobile{margin-bottom: 1.5vw;}
@media (max-width:1199px){
  .userHeadPic {
    width: 40px !important;
    height: 40px !important;}
}
@media (max-width:991px){
  /* button.StartIcon {
    position: absolute;
    right: 1.8vw;} */
    .StartIconDv { 
      z-index: 9;
  }
  button.StartIcon{background: none; box-shadow: none;}
   .profile-container .StartIconDv { 
      display: none;
  }
  .profile-container.overflow-hidden .profile-grid .PreferenceR {
    padding-left: 0;
}
.filters-container.hide button.StartIcon, .profile-container.overflow-hidden button.StartIcon {
  right: auto;
  left: 0;}
.StartIconDv.d-none {
  display: inline !important;
}
  .filters-container.show + .StartIconDv { 
    z-index: 9999;
    display: block;
}
.destovewStart{display: none;}
.closemobileview.d-none{display: block !important;}

  .filters-container.show + .StartIconDv button.StartIcon {
    position: absolute;
    top: 0;
    right: 10px;}
.userHeadPic {
  width: 40px !important;
  height: 40px !important;
  border-radius: 100px !important;}
  .userHeadPicBtn svg { 
    color: #fff;
}
.HeaderAfterSignIn {
  padding: 0vw 0 !important;
  border-bottom: 1px solid #ccc !important;
}
.ToolbarNav {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
}
.bktoToptext{display: none;}
@media (max-width:767px){
  .LogoAfterSignIn {
    padding:10px 0;
}
  .LogoAfterSignIn img {
    height:40px;}
    .iconBtnSetM svg {
      width: 9vw;
      height: 9vw;
  } 
  .bktoToptext{display: block;}
  .scrollBacktop svg{display: none;}
  .scrollBacktop{
    min-width: 0 !important;
    border-radius:50px !important;
    width: 126px !important;
    text-transform: capitalize !important;
    height: 35px !important;
    font-size: 12px !important;
    right: 72px !important;
    bottom: 86px !important;
    transform: scale(1) translateX(-50%) !important;
    -webkit-transform: scale(1) translateX(-50%) !important;
    -moz-transform: scale(1) translateX(-50%) !important;
    -ms-transform: scale(1) translateX(-50%) !important;
    -o-transform: scale(1) translateX(-50%) !important;
   
}
  .scrollBacktop {
    /* right: auto !important; */
    /* bottom: auto !important; */
    /* top:114px; */
    z-index: 2 !important;
    left: 50%;
}
  
}


/* Header Nave Responsive Start */


.nbdndb001{}

@media (max-width:1199px){
  .nbdndb001 {display: grid !important;}
  .nbdndb001 button {
    margin: 10px 0 !important;
}
}



/* members start responsive */
@keyframes pop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
.user-icon-button img,.FavoriteIcon img{ transition:0.3s ; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ; }
.user-icon-button.active img {
  animation: pop 0.3s ease-in-out;
  -webkit-animation: pop 0.3s ease-in-out;
} 
.FavoriteIcon.active img {
  animation: pop 0.3s ease-in-out;
  width: 24px;
  -webkit-animation: pop 0.3s ease-in-out;
}
.btnclasssetuv button.Mui-selected,.btnclasssetuv button:focus{background: #000 !important; color: #fff !important;}

 @media (max-width:991px){
  .grid-container { 
    grid-template-columns: repeat(auto-fill, minmax(30vw, 1fr)); 
}
.profile-image { 
  height: 50vw;}

  .profile-details .status span.font-10 {
    font-size: 1.5vw;
}

.profile-details .font-16.username {
  font-size: 1.6vw; 
}

.profile-details .miles {
  font-size: 1.7vw;
  line-height: 1.7vw;
}

.profile-details .miles .statecity {
  font-size: 1.5vw;
}
.profile-details .status span.font-10 svg {
  width: 1.5vw;
  height: 1.5vw;
}
 
  
 
.DynamicHeart { 
  bottom: 1.8vw;}
  .veryfiedIcnc { 
    width: 25px;
    height: 25px;
}
 
 
.iconsUser .picCouner img {
  width: 2vw;
}
.iconsUser .picCouner { 
  gap: 0.6vw;
  font-size: 1.8vw;
}
/* Filter Left Members */
.filters-container {
  width: 45vw;}
  .filters-container.hide { 
    margin-left: -45vw;}
    /* .filters-container.hide button.StartIcon {
      right: auto;
      left: 33vw;} */
      button.StartIcon { 
      position: relative; 
      top: 0;
        right: 0;
        border: none;
      }
        /* button.StartIcon svg {
          width: 2.5vw;
          height: 2.5vw;
      } */
      /* .filters-container .font-32 {
        font-size: 24px;
    } */
    .saved-filters { 
      font-size: 1.5vw;}
      .saved-filters svg {
        width: 2vw;
        height: 2vw;
    }
    /* .filters-container .font-16 {
      font-size: 1.5vw !important;
  } */
  /* .radioinput { 
    font-size: 1.5vw;     padding-left: 2.5vw;} */

    /* .radioinput .checkmark { 
      height: 2vw;
      width: 2vw; 
      border: 0.01vw solid #C4C4C4;
  }
  .radioinput .checkmark:after {
    top: 0.35vw;
    left: 0.32vw;
    width: 1vw;
    height: 1vw;} */
    /* .filters-container .range-slider label {
      font-size: 1.5vw;
  } */
  /* .checkinput { 
    padding-left: 3.5vw; 
    font-size: 1.5vw;} */
  /* .checkinput .checkmark { 
    height: 2.5vw;
    width: 2.5vw;} */
    .grid2set001 { 
      grid-template-columns: repeat(auto-fill, minmax(12vw, 1fr));
      gap: 1.4vw;
  }
  /* .filter-section .filterbghead1 .MuiAccordionSummary-content {
    font-size: 1.5vw;
    margin: 1vw 0;
} */
/* .filter-section .filterbghead1 svg {
  width: 2vw !important;
  height: 2vw !important;
} */
.btnsetAll2 button { 
  margin: 0.3vw !important;
}
/* .btnsetAll button { 
  padding: 0.4vw 1vw;} */

  /* .AGESlider .fontsldset1 h6 { 
    font-size: 1.5vw;} */
    /* .filters-container .font-16 {
      font-size: 2vw !important;
  } */

  .filter-buttons { 
    padding: 0.8vw 0vw 0.8vw 0vw; 
    border-top: 0.01vw solid #E0E2E9;
}
.filterbgtext .MuiOutlinedInput-input {
  height: 3vw !important;
}  
 }

.applyMobnbtn{display: none;}
 @media (max-width:767px){
  .filters-container .gap-15 {
    gap: 3.8vw;
}
  .profile-container { 
    height: calc(100vh - 70px);
}
.saved-filters svg {
  width: 4vw;
  height: 4vw;
}
  .profile-image {
    height: 60vw;
}
.grid-container {
  grid-template-columns: repeat(auto-fill, minmax(33vw, 1fr));
  gap: 5vw 2vw;
}
.profile-details .status span.font-10 {
  font-size: 2.5vw;
}
.profile-details .status span.font-10 svg {
  width: 2.5vw;
  height: 2.5vw;
}
.profile-details .miles {
  font-size: 2.7vw;
  line-height: 4vw;
}
.profile-details .font-16.username {
  font-size: 3.6vw;
  width: 28vw;
}
.userProfileimg {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.profile-details .miles .statecity {
  font-size: 2.5vw;
  width: 15vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-details {
  padding: 1vw;
}
.leftbuttons button {
  width:45px;
  height: 45px;
}
.iconsUser { 
  padding: 1.8vw 2vw;
}
 
  
   

  .iconsUser .picCouner img {
      width: 4vw;
  }
  .iconsUser .picCouner {
      gap: 1.6vw;
      font-size: 3.8vw;
  }


  .filters-container {
    width: 100%;
    padding:30px 20px 0px 20px;

}
.filters-container.show ~ .profile-grid {
  padding: 0 0 40px 0 !important;
}
.filters-container.show ~ .profile-grid.ftsetcls.rNmdatabg001 {
  display: none;
}
 
.filters-container.hide {
    margin-left: -100%;
}
/* .filters-container.hide button.StartIcon { 
    left: 102%;
} */

  /* button.StartIcon {
    width: 8.5vw;
    height: 8.5vw;
}
button.StartIcon svg {
  width: 4.5vw;
  height: 4.5vw;
} */

/* leftfilter start */
.filter-section .filterbgnone.Mui-expanded {
  margin: 4vw 0 !important; 
}
.filters-container .font-32 {
  font-size: 6.5vw;
}
.saved-filters {
  font-size: 3.5vw;
}
/* .filters-container .font-16 {
  font-size: 3vw !important;
} */
/* .radioinput {
font-size: 4vw;
padding-left: 6.5vw;
}  */
.filters-container .font-16 {
  font-size:14px !important;
}
.filters-container .font-16.samefont {
  font-size:16px !important;
}
/* .radioinput .checkmark {
  height: 4.5vw;
  width: 4.5vw;
  top: 0.6vw;
 }
 .radioinput .checkmark:after {
  top: 0.54vw;
  left: 0.52vw;
  width: 2.8vw;
  height: 2.8vw;
} */
 /* .filters-container .range-slider label {
  font-size: 4vw;
} */
.checkinput .checkmark {
  /* height: 4.5vw;
  width: 4.5vw; */
}
/* .checkinput {
  padding-left: 6.5vw;
  font-size: 4vw;
} */
.grid2set001 {
  grid-template-columns: repeat(auto-fill, minmax(31vw, 1fr));
  gap: 2.4vw;
}
/* .ageVWset h6 {
  font-size: 6.8vw;
} */
/* .ageVWset h6 svg {
  width: 7.9vw;
  height: 6.9vw;
} */
/* .filter-section .filterbghead1 .MuiAccordionSummary-content {
  font-size: 4vw;
  margin: 2vw 0;
} */
/* .filter-section .filterbghead1 svg {
  width: 6vw !important;
  height: 6vw !important;
} */
.filters-container .btnsetAll button {
  /* font-size: 4vw !important;
  padding: 0.8vw 4vw; */
  color: #000;
}
/* .AGESlider .fontsldset1 h6 {
  font-size: 3.5vw;
} */
.ageVWset {
  padding: 0 6vw;}
  .filter-buttons button {
    margin-right: 0;
    padding: 3vw 6vw;
}
.applyMobnbtn{display: block;}
.mbtabViewPG {
  position: sticky;
  top: -1px;
  z-index: 9;
  background: #fff;
}
.mbtabViewPG button{border: none; background: none; border-bottom: 2px solid #fff; color: #000;}
.mbtabViewPG button.border-primary{color: #916008; border-bottom: 2px solid #916008 !important;}
/* .alert-visible .scrollBacktop { 
  top: 187px !important;}  */
}
@media (max-width:599px){
  .grid-container {grid-template-columns: repeat(auto-fill, minmax(38%, 1fr));} 
  /* .profile-container.members-tab-active .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(53%, 1fr)); 
}
.profile-container.members-tab-active .profile-image {
  height: 100vw;
} */
  /* .profile-image {
    height: 250px;
} */
.mbtabViewPG {
  position: sticky;
  top: -1px;
  z-index: 9;
  background: #fff;
}
.mbtabViewPG button{border: none; background: none; border-bottom: 2px solid #fff;         font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        color: #3C4043;}
.mbtabViewPG button.border-primary{color: #916008; border-bottom: 2px solid #916008 !important;}
.nameUser.username, .ageUser { 
  font-size: 13px;}
  .statecity, .statecity .state {
    font-size: 10px;
}
.veryfiedIcnc {
  width: 15px;
  height: 15px;
}
.newHereUser { 
  font-size: 10px;}
  .leftbuttons button {
    width: 35px;
    height: 35px;
}
.FavoriteIcon img { 
  width: 17px;
}
.FavoriteIcon.active img {
  animation: pop 0.3s ease-in-out;
  width: 21px;
}
.userProfileimg .ClearIcon img {
  width: 13px;
}
/* .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  height: calc(100vh - 200px);
} */
.profile-container {
  height: calc(100vh -70px);
}
.alert-visible .profile-container {
  height: calc(100vh - 193px) !important;
}
.profile-grid { 
  padding: 0 15px 131px 15px;}
  .HeaderAfterSignIn {background-color: #2c1c00 !important;}
  h2.d-flex.align-items-center.gap-1.userNageset1 {
    font-size: 24px !important;
}
.user-online-status { 
  width: 10px;
  height: 10px; 
  margin-left: 6px;
}
.heartnav,.messagenav{display: none !important;}

span.descount {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 8px !important;
}
.btnclasssetuv button {
  width: 100%;
}


}
@media (max-width:375px){
  .grid-container {grid-template-columns: repeat(auto-fill, minmax(38%, 1fr));  gap: 3vw 2vw;} 
  /* .profile-image {
    height:210px;
} */
/* .profile-container.members-tab-active .grid-container {
  grid-template-columns: repeat(auto-fill, minmax(53%, 1fr)); 
} */
.profile-grid { 
  padding: 0 15px 40px 15px;}

  .mbtabViewPG button { 
    font-size: 13px;
} 

}
 @media (max-width:320px){
  .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(55%, 1fr)); 
}
.profile-image {
  height: 100vw;
}
 }


/* members start end */


/* favorites start   */
.tabsBtnWvDWf button{}
@media (max-width:991px){
  .tabsBtnWvDWf button { 
    font-size: 1.875vw;}
    .tabsBtnWvDWf svg {
      width: 2vw;
      height: 2vw;
  }
  .favorites-header .font-24 {
    font-size: 16px;
}
.favorites-list .blankList h4 {
  font-size: 24px;
}
.favorites-list .blankList p {
  margin-bottom: 15px;
  font-size: 16px;
}
.profile-info h3 span.font-20 {
  font-size: 2.5vw;
}
.profile-info .font-12 {
  font-size: 1.3vw;
}
.profile-info .font-14 {
  font-size: 1.55vw;
}
.favorite-profile .profile-img {
  width: 8vw;
  height: 8vw;}
  .favorite-profile .viewed-time {
    font-size: 1.5vw;}
    .favorite-profile .profile-actions .font-14 {
      font-size: 1.3vw;
  }
  .view-btn, .hide-btn {
    padding: 0.5vw 1.5vw;
    font-size: 1.5vw;}
    .favorite-profile .action-icons span { 
      width: 3vw;
      height: 3vw;}
      .favorites-header .font-16 {
        font-size: 2vw;
    }
    .favorites-header #fade-button {
      font-size: 12px !important;
  }

}


@media (max-width:767px){
  .text-black.mobilTextW{color: #fff !important;}
  .tabsBtnWvDWf button {
    color: #081726;
    font-size:13px; font-weight: 500; font-family: 'indivisible' !important;
    padding:10px 7px;}
    .tabsBtnWvDWf a.avw { 
      padding: 10px;}
    .tabsBtnWvDWf svg {
      width: 4vw;
      height: 4vw;
  }
  
.tabsBtnWvDWf {
        gap: 0 !important;
        padding: 0 0;
        margin-bottom: 1rem !important;
        border-bottom: 1px solid #ccc !important;
    }
    .mtmoblnone{margin-top: 0 !important;}
.favorites-page.FavProF{padding-top: 0 !important;}
  
.favorites-header .font-16 {
  font-size: 3.5vw;
}
.favorites-header #fade-button {
  font-size: 12px !important;
}
.favorites-header #fade-button svg {
  width: 4vw;
  height: 5vw;
}
.favorites-list .blankList h4 {
  font-size: 24px;
}
.favorites-list .blankList.p-20 { 
  margin-top: 3vw;
}
.px-5vw {
  padding: 0 15px !important;
}
.favorites-list .blankList p {
  margin-bottom: 15px;
  font-size: 16px
}

.profile-info h3 span.font-20 {
  font-size: 4.5vw;
}
.profile-info .font-12 {
  font-size: 2.3vw;
}
.profile-info .font-14 {
  font-size: 2.55vw;
}
.favorite-profile .viewed-time {
  font-size: 2.5vw;
}



.favorites-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33vw, 1fr));
  gap: 2vw;
}
.favorite-profile .profile-actions .userProfileStx{display: none !important;}
.favorite-profile { 
  position: relative;
  z-index: 2;
  height: 60vw;
  background: #000; overflow: hidden;
  justify-content: end;
}
.favorite-profile:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgb(255 255 219 / 0%), #000);
}
.favorite-profile .profile-info,.favorite-profile .profile-actions{z-index: 2;}
.favorite-profile .profile-img {
  border-radius: 0;
  overflow: hidden;
  object-fit: cover;
  position: absolute;
z-index:-1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.infousrfav{flex-direction: column;}

.profile-info h3 span.font-20 {
  font-size: 3.5vw;
  color: #fff !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30vw;
}

.profile-info .font-12 {
  font-size: 2.5vw;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30vw;
}
.profile-info .font-14{color: #fff !important;}
.favorite-profile .viewed-time {
  font-size: 2.5vw; margin-top: 0;
  color: #fff;
}
section.border-bottom.settomobilefx {
  position: sticky;
  top: 60px;
  z-index: 9;
  background: rgb(255 255 255 / 80%);
  backdrop-filter: blur(6px);
}
.favorites-page.FavProF {
  padding-bottom: 23vw;
}

.txDistance,.mobile-none{display: none !important;}

.favorite-profile .action-icons {
  font-size: 1vw;
  position: absolute;
  right: 0;
  flex-direction: column;
  bottom: 0;
  padding: 2vw;
}
.favorite-profile .action-icons span {
  width: 6vw;
  height: 6vw;
  background: #fff;
  border-radius: 50vw;
  display: flex;
        justify-content: center;
}
.favorite-profile .action-icons span img {
  width: 3.5vw;}
  .view-btn, .hide-btn {
    padding: 1vw 2.5vw;
    font-size: 2vw;
}
.infousrfavVh button.gradientbtn {
  position: absolute;
  top: 1.5vw;
  right: 1.5vw;
  z-index: 10;
}
.gdidsetMobile{   
  width: 91vw;
} 
}
.favorites-list .dplodoneset{display: none !important;}
.dplodoneset:nth-child(1){display: flex !important;}
/* favorites end   */


/* profile-edit start responsive */
@media (max-width:991px){
  .UnlockMach{display: none;}
  .profile-edit-image {
    border-radius: 50%;
    min-width: 12vw;
    max-width: 12vw;
    height: 12vw;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
   
  .myProfileTexthead.font-16,.user-location {
    font-size: 1.5vw;
}
.user-profile-details button {
  font-size: 1.875vw;}
  /* .font-20.UnlockMach {
    font-size: 2.1vw;
} */
.progressSetupWth {
  height: 12vw !important;
  width: 12vw !important;
}
.progressSetupWth div {
  font-size: 1.7vw !important;
}

.profileEditstip .font-24 {
  font-size: 2.25vw;
}
 
.ModeEditbtn svg {
  width: 3.2vw;
  height: 3.2vw;
}
 
.PrimaryPhotobtn {
  padding: 0.8vw 1.1vw; 
  font-size: 1.8vw;}
  .publicPhotos label, .privatePhotos label,.profileEditstip .font-20.gap-3 {
    font-size: 2.25vw !important;
}
.mobiletableFlex{flex-direction: column;}
.mobiletableFlex.align-items-center{align-items: start !important;         gap: 2vw;}
.profileEditstip .font-14 {
  font-size: 1.8vw;
}

.TotalCountRequest {
  min-width: 3.8vw;
  height: 3.8vw; 
  font-size: 1.8vw;}
  .requests-list .user-name {
    font-size: 1.575vw;
}
.requests-list .request-actions button {
  min-width: 2.8vw;
  max-width: 2.8vw;
  height: 2.8vw;}
  .requests-list .request-actions .time-label { 
    font-size: 1.2vw;
}

.profileEditstip{flex-direction: column-reverse;}
.profileEditstip .p-32 {
  padding: 20px 0 !important;
}
.mw-wdfine2 {
  max-width: 100%;}
  .user-profile-details h2{flex-direction: column;}
  .user-profile-details h2.userNageset1{margin-left:0; align-items: start !important;}
}


@media (max-width:767px){
  .profileEditstip {
    flex-direction: column-reverse;
}
.profileEditstip .mb-10 {
  margin-bottom: 2.6vw !important;
}
.mw-wdfine2 {
  max-width: 100%;
  width: 100%;
}
.publicPhotosGrid {
  gap: 1.8vw !important;
  grid-template-columns: repeat(auto-fill, minmax(19vw, 1fr)) !important;
}
.publicPhotosGrid .photo-box{
  height: 25.6vw !important;
}

.PrimaryPhoto001 .photo-box {
  height:30vw !important;
}


.PrimaryPhoto001 .photo-box,.PrimaryPhoto001 {
  max-width: 24vw !important;
  min-width: 24vw !important;}
  .PrimaryPhotobtn {
    padding: 1.8vw 6.1vw;
    font-size: 3.8vw;
}
.publicPhotos label, .privatePhotos label, .profileEditstip .font-20.gap-3, .d-flex.align-items-center.justify-content-between.color08.font-20.font-p.fw-medium{
  font-size: 4.25vw !important;
}
.publicPhotos label, .privatePhotos label, .profileEditstip .font-20.gap-3 {
  font-size: 4.25vw !important;
}
.TotalCountRequest {
  min-width: 7.8vw;
  height: 7.8vw;
  font-size: 3.8vw;
}
.publicPhotosGrid .photo-box svg {
  width: 5.5vw !important;
  height: 5.5vw !important;
}
.actions button.reject-all.outLineBtn.px-20.py-8, .actions button.accept-all.fillBtn.px-20.py-8 {
  padding: 0.6vw 3.5vw !important;
}
.profileEditstip .font-14 {
  font-size: 3.8vw;
}
.requests-list .user-name {
  font-size: 3.575vw;
}
.profileEditstip button.py-6.my-10 {
  padding: 0vw 0 !important;
  margin: 0px 0 3vw 0 !important;
}
.requests-list .request-actions button {
  min-width: 6.8vw;
  max-width: 6.8vw;
  height: 6.8vw;
}
.requests-list .request-actions button{font-size: 2.8vw;}
.requests-list .user-avatar {
  min-width: 12vw;
  max-width: 12vw;
  height: 12vw;
}

.myProfileTexthead.font-16, .user-location {
  font-size: 2.5vw;
}
.requests-list .request-actions .time-label {
  font-size: 2.8vw;
}

.mw-wdfine.border-end {
  max-width: 100%;
  width: 100%;
  border-right: none !important;
}
.mw-wdfine.p-32.border-end {
  padding-bottom: 24vw !important;
}
.profileEditstip .font-24 {
  font-size: 6.25vw;
}
.profileEditstip .font-16 {
  font-size: 3.5vw;
}
.profileEditstip .font-24.font-m.text-black.fw-medium.mb-16 {
  margin-bottom: 2vw !important;
}
.ModeEditbtn svg {
  width: 5.2vw;
  height: 5.2vw;
}
.profileEditstip .py-20 {
  padding: 3vw 0 !important;
}

.user-profilemobile{flex-direction: column;}
.user-profilemobile.align-items-center{align-items: self-start !important;}
 
.profile-edit-image { 
  min-width: 70px;
  max-width: 70px;
  height: 70px;}
  .myProfileTexthead.font-16, .user-location {
    font-size: 3.5vw;
}
 
  .user-profile-details button {
    font-size: 3.875vw;
}
.user-profile-details button.gradientbtn.mt-16 {
padding: 1.6vw 4vw !important;
margin-top: 1vw !important;
}
.font-20.UnlockMach {
  font-size: 4.1vw;
}
.user-profilemobile.gap-5{gap: 2vw !important;}
.progressSetpu{justify-content: space-between;}
.progressSetupWth {
  height: 16vw !important;
  width:16vw !important;
}
.ProfileCompletionBs{width: 100%;}
.PrimaryPhotobgList .gap-50 {
  gap: 6.5vw;
}
.user-profile-details h2 { 
  font-size: 17px !important; 
  justify-content: start;
  align-items: self-start !important;
}

.user-profile-details .updatedPlnPre {
  font-size: 14px;
  padding: 7px 20px !important;
  margin-left: 0 !important;
}
.user-subheading, .myProfileTexthead.font-16 {
  font-size: 14px !important;
}
.font-20.UnlockMach { 
  display: block;
}
.user-profilemobile.align-items-center { 
  padding: 15px 0;
}
.userNageset{margin-left:auto; margin-right: auto;}
} 

/* profile-edit end responsive */


/* member-details start responsive*/
@media (max-width:1680px){
  .UserProfileDetailsDv {
    position: sticky;
    top: 3.5vw;
    padding: 2vw 1.5vw 0 1vw;
    min-width: 380px;
    max-width: 380px;
    margin: 0 auto;
}
.UserProfileDetailsDv .font-14, .UserProfileDetailsDv .text-end, .profile-DataList .font-14, .profile-DataList .text-end {
  font-size: 14px;
}
 

}


@media (max-width:991px){
  .user-subheading { 
    font-size: 1.5vw;}
.user-description { 
    font-size: 1.5vw;}

 
 

.user-profile-actions input { 
    height: 5.2vw; 
    font-size: 1.5vw;
}
.user-profile-actions .user-message-button { 
    width: 12.6vw; 
    font-size: 1.5vw;}
.UserProfileDetailsDv { 
    min-width: 35vw;
    max-width: 35vw;} 
.UserProfileDetailsDv .font-14, .UserProfileDetailsDv .text-end, .profile-DataList .font-14, .profile-DataList .text-end {
    font-size: 1.5vw;
}
.Profile-R-Details .font-24 {
    font-size: 2.25vw;
}
 
.aboutText p { 
    font-size: 1.5vw;} 
    .user-action-icons { 
      width: 6vw;
      top: 10vw;}
    .user-icon-button { 
      width: 6vw; 
      height: 6vw;}
      .user-action-icons .favorite img, .user-action-icons .close img, .user-action-icons .chat img {
        width: 2.5vw;
    }
    .user-action-icons .MuiButtonBase-root {
      padding: 0.5vw;
      min-width: 6vw;
      max-width: 6vw;
  }  

 


}

@media (max-width:767px){
  .UserProfileDetailsDv .gap-12, .profile-DataList .gap-12 {
    gap: 3.6vw;
}
 
.UserProfileDetailsDvXc {
  flex-direction: column-reverse;
}
.UserProfileDetailsDvXc .w-100.border-start.pxpt.Profile-R-Details{border: none !important; padding:15px 0;}

/* .user-profile-image { 
min-width: 36.771vw;
max-width: 36.771vw;
height: 36.771vw;} */

.user-subheading,.myProfileTexthead.font-16 {
  font-size:16px;
}
.user-location {
  font-size: 14px;
}

.user-description {
  font-size: 3.5vw;
}

.userDprofl{flex-direction: column;}
.user-info-cards {gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(47vw, 1fr)) !important;
  display: grid;
}
.user-info-item img {
  width: 41px;
  height: 41px;
}
.fancyPhotos-card .photo-item {
  width: 100%;
  height:60vw;}
  .userPhoto01 .fancyPhotos-card {
    max-height: 121vw;
    grid-template-columns: repeat(auto-fill, minmax(40vw, 1fr));
  }
  .request-button {
    padding: 5px 10px; 
    font-size: 12px;}
  .PrivatePhotos .fancyPhotos-card { 
    grid-template-columns: repeat(auto-fill, minmax(40vw, 1fr));
  }
 
 
  .user-profile-actions input {
    height: 55px;
        font-size: 14px;
        padding: 4px 20px 4px 16px;
}
 
  .user-profile-details {
        gap: 15px;
        text-align: center;
        padding-top: 35px;
        padding: 35px 15px 15px 15px; overflow: hidden;
    }
    .d-flex.align-items-start.UserProfileDetailsDvXc {
    padding: 0px 15px;
    overflow: hidden;
}
  .userDprofl.d-flex.gap-4{width: 100%;}
  .userDprofl.d-flex.gap-4 img{margin: 0 auto;}
  .Profile-R-Details .font-24 {
    font-size: 5.25vw;
}
.UserProfileDetailsDv { 
  padding: 2vw 1.5vw 23vw 1vw;}
.user-profile-card {
  background: #fff;
  padding: 2vw 0vw 5vw 0vw;
}
.fancyPhotos-card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(23vw, 1fr));}

 

    .aboutText p {
      font-size: 16px;
  }
  .UserProfileDetailsDv {
    min-width: 100%;
    max-width: 100%;
}
 
.UserProfileDetailsDv .font-14, .UserProfileDetailsDv .text-end, .profile-DataList .font-14, .profile-DataList .text-end {
  font-size: 14px;
}
.profile-DataList { 
  border-radius: 8px;
  padding: 15px 15px;}
  .user-profile-actions .user-message-button {
    width: 94px;
        font-size: 14px;
}
/* .user-action-icons {
  width: 12vw;
  top: 24vw;
} */
.user-action-icons {
  width: 100%;
  top: auto;
  bottom: 20px;
  flex-direction: row;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
}
.user-icon-button {
  width: 50px;
  height: 50px;
}
.user-action-icons .MuiButtonBase-root {
  padding: 0.5vw;
  min-width: 50px;
  max-width:50px;
}
.user-action-icons .favorite img, .user-action-icons .close img, .user-action-icons .chat img {
  width: 20px;
}
.user-action-icons .MuiButtonBase-root img {
width: 7px;
}

.ProfileUserImg .fancyPhotos-card{margin: 0 auto;}
.user-profile-header.gap-5.userDprofl .userheddtal h2{justify-content: center;}
.userDprofl.d-flex.gap-4 a.arrlinkleft {
  position: absolute;
  padding: 15px !important;
}
    .userDprofl.d-flex.gap-4 a.arrlinkleft {
        position: absolute;
        padding: 0 !important;
        width: 40px;
        height: 40px;
        display: flex
;
        justify-content: center;
        align-items: center;
        background: #fff;
        border-radius: 50px;
        margin: 15px;
    }
    .user-action-icons { 
    bottom: 80px;}
    .dpsetmobls{display: none !important;}
    .user-action-icons.d-none {
      display: block !important;
      position: fixed;
      top: 15px;
      bottom: auto !important;
      right: 15px;
      left: auto !important;
      width: auto !important;
  }
    .user-action-icons.d-none .btnmobset00 {
      padding: 0;
      min-width: 40px;
      max-width: 40px;
      height: 40px;
      border: 1px solid #ccc;
      border-radius: 40px;
      background: #fff;
      z-index: 9; 
}
  .user-action-icons .MuiButtonBase-root img {
    width: 5px;
}
    button.user-icon-button.chat {
    width: 60px;
    height: 60px; background: #916008;
    border: 2px solid #916008; box-shadow: 0 5px 10px #393838;
}
 button.user-icon-button.chat img{width: 30px;}
}

@media (max-width: 600px){
  .user-action-icons { 
    bottom: 80px;}
    .dpsetmobls{display: none !important;}
    .user-action-icons.d-none {
      display: block !important;
      position: fixed;
      top: 15px;
      bottom: auto !important;
      right: 15px;
      left: auto !important;
      width: auto !important;
  }
    .user-action-icons.d-none .btnmobset00 {
      padding: 0;
      min-width: 40px;
      max-width: 40px;
      height: 40px;
      border: 1px solid #ccc;
      border-radius: 40px;
      background: #fff;
      z-index: 9; 
}
  .user-action-icons .MuiButtonBase-root img {
    width: 5px;
}
    button.user-icon-button.chat {
    width: 60px;
    height: 60px; background: #916008;
    border: 2px solid #916008; box-shadow: 0 5px 10px #393838;
}
 button.user-icon-button.chat img{width: 30px;}
}


/* member-details end responsive*/




/* account-settings Start responsive*/
@media (max-width:991px){
 
.LeftSidebarList01 {
  width: 30vw;
}
.LeftSidebarList01 .MuiDrawer-paper {
  box-sizing: border-box;
  height: 100%;
  width: 30vw;
}
.a-s-nav {padding: 12px 0;
  top: 63px !important;}
.ac-ListItem {
  min-width: 4vw !important;
}
/* .ac-ListItem .imgw24 {
  width: 3.25vw !important;
  height: 3.25vw !important;
} */
/* .fontsetvw .MuiTypography-root {
  font-size: 2vw !important;
  margin: 1vw 0 !important;
} */
 
.LeftSidebarList01 .MuiDrawer-paper { 
  top: 124px;
  height: calc(100vh - 124px);}
   
 

  /* .wsetSwitch {
    width: 6vw !important;
    height: 3.2vw !important;}
    .wsetSwitch .MuiSwitch-thumb {
      width: 2vw !important;
      height: 2vw !important;
  }
  .wsetSwitch .MuiButtonBase-root {
    padding: 0.6vw !important;
}
.wsetSwitch .MuiButtonBase-root.Mui-checked {
  transform: translateX(2.6vw) !important;
  -webkit-transform: translateX(2.6vw) !important;
  -moz-transform: translateX(2.6vw) !important;
  -ms-transform: translateX(2.6vw) !important;
  -o-transform: translateX(2.6vw) !important;
} */
.customEmailBtn01 svg {
  width: 2vw !important;
  height: 2vw !important;
}
.textSrtyQs svg {
  width: 20px !important;
  height: 20px !important;
}
.boxfontsetvw select.form-select {
  padding: 0.3vw 1vw;
  font-size: 1.5vw !important;
  border: 0.01vw solid #ccc !important;
  height: 5vw;
  width: 9vw;}
  .boxfontsetvw select.form-select { 
    background-position: right 0.3vw center;
    background-size: 2vw 1.6vw;
}
.h40vw {
  height:40px !important;
}
.heighwsetP input { 
  font-size: 1.875vw !important;
}
.accountdshBd .font12vw {
  font-size: 1.3vw !important;
}
.heighwsetPw {
  width: 48vw !important;
}
.msetupnew1 { 
  max-width: 33vw !important;
}

.subscription-wrapper.MySubcriptionPlan.d-flex.justify-content-between.gap-3 {
  flex-direction: column;
}

}

@media (max-width:767px){

 .chamobile.d-none {
        display: block !important;
        position: sticky;
        top: 0;
        z-index: 999;
    }
    
 .chamobile.d-none .msg-head.headChatUser {
    display: flex !important;
    /* position: fixed !important;
        top: 0 !important; */
}
 .chamobile.d-none .modal-body.bg-EB.overflow.auto{display: none !important;}
.chamobile.d-none .send-box{display: none !important;}
  /* .a-s-nav{top: 13.6vw !important;         padding: 3vw 0;
    border-bottom: 0.01vw solid #ccc;} */
  /* .LeftSidebarList01 .MuiDrawer-paper {
    top: 122px;
    height: calc(100vh - 193px) !important;
} */
 .LeftSidebarList01 .overflowauto {
    top: 0;
    /* height: calc(100vh - 193px) !important; */
    position: relative;
    padding-bottom: 70px;
} 
.accountdshBd {
  top: 0px;
        height: 100% !important;
        padding-bottom: 70px;
}
.LeftSidebarList01 {
  width: 100%;
}
.LeftSidebarList01 .MuiDrawer-paper {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.LeftSidebarList01 .listitmBtn {
  padding:12px 20px !important;
  border-bottom:1px solid #ccc !important;
  gap: 15px;
}
.dMobileset{display: none;}
.dnonMobBtn{display: none !important;}
.DrawerListhide{display: none !important;}
.dMobileset.content-expanded{display: block !important;}
.dnonMobBtn.content-expanded{display: block !important;}

.userheddtal {
  text-align: left;
}
.user-profile-header.gap-5.userDprofl .userheddtal {
  text-align: center;
}
.a-s-nav p {
  font-size: 18px !important;
}

.a-s-nav a,.dnonMobBtn {
  padding: 1.5vw !important;
  display: inline-block;
}
.a-s-nav { 
  top: 0px !important; position: sticky; position: -webkit-sticky; z-index: 99;}
/* .a-s-nav a svg,.dnonMobBtn svg {
  width: 6vw !important;
  height: 6vw !important; */
 
/* .ac-ListItem .imgw24 {
  width: 7.25vw !important;
  height: 7.25vw !important;
} */
/* .fontsetvw .MuiTypography-root {
  font-size: 4.5vw !important;
  margin: 2vw 0 !important;
} */

 
 
/* .accountdshBd .font1vw {
  font-size: 3.5vw !important;
} */
.accountdshBd .font08vw {
  font-size:16px !important;
}
/* .accountdshBd .p1vw {
  padding: 3vw !important;
} */

.accountdshBd .dMobileset{padding: 15px !important; width: 100%;}

.accountdshBd .mtopBottom05 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
/* .accountdshBd .customClassBtn01 {
  font-size: 3.6vw !important;
  padding: 0.3vw 3vw !important;
} */
/* .wsetSwitch {
  width: 13vw !important;
  height: 7.2vw !important;
} */
/* .wsetSwitch .MuiSwitch-thumb {
  width: 5vw !important;
  height: 5vw !important;
} */
/* .wsetSwitch .MuiButtonBase-root {
  padding: 1.1vw 1.2vw !important;
}
.wsetSwitch .MuiButtonBase-root.Mui-checked {
  transform: translateX(5.6vw) !important;
  -webkit-transform: translateX(5.6vw) !important;
  -moz-transform: translateX(5.6vw) !important;
  -ms-transform: translateX(5.6vw) !important;
  -o-transform: translateX(5.6vw) !important;
} */

.msetupnew1bg { 
  flex-direction: column !important;
}
.msetupnew1 {
  max-width: 100% !important;
}
.ac-Photo-verificationImg, .ac-verificationImg {
  height: 30vw !important;
}

.btnMobFont{padding: 2vw 4vw !important; font-size: 3vw !important;}
.vrfmovTxt.font105vw {
  font-size: 5.5vw !important;
}
.verified-icon01 img {
  width: 8vw;
  height: 8vw;
}
.msetmobile{margin-bottom: 4vw;}
.boxfontsetvw select.form-select {
  padding: 0.3vw 1vw;
  font-size: 3.5vw !important;
  border: 0.01vw solid #ccc !important;
  height: 8vw;
  width: 24vw;
}
.align-items-center.alignendMobile {
  align-items: end !important;
}
.align-items-center.alignendMobile h3 span.font-20 {
  font-size: 6.5vw;}
  .align-items-center.alignendMobile .font-12 {
    font-size: 3.5vw;}
    .heighwsetPw {
      width: 71vw !important;
  }
  .confrmBtnPvcy{padding: 2vw 4vw !important;}
  .h40vw {
    height: 40px!important;
}
.accountdshBd .font12vw {
  font-size: 3.3vw !important;
}
.setflexsedv {
  flex-direction: column;
  align-items: self-start !important;
}
.heighwsetP input {
  font-size: 2.875vw !important;
}
.innerBtnStu button.wthstbpmn img {
  width: 9vw !important;
  height: 5vw !important;
}

.plans.d-flex.justify-content-center.gap-15.my-32 {
  flex-direction: column;
}
.subscription-container .billing-cycle-toggle button {
  padding: 0.4vw 3vw;
  font-size: 5vw;
}
.subscription-container .plan{max-width: 100%;}
.MySubcriptionPlan .offer-card { 
  padding: 20px 20px !important;}
  .Stack00btn {
    flex-direction: column !important;
}
.Stack00btn button{margin: 10px 0 !important;}
.col-md-6.msvgb10 {
  margin: 16px 0;
}
.msvgb10bg1{max-width: 100% !important;}
.mobsetdt.flex-shrink-0.userImgActive span.active { 
  left: 32px;}

 .privCont001.minWsetMobileFaq {
        width: 100%;
        position: sticky !important;
        top: -12px !important;
        z-index: 999;
        background: #fff;
    }

}
 

@media (max-width:575px){ 
  .Tobtn0bn1 {
    flex-direction: column;
}
.dMobileset .container {
  padding: 0;
}
.tableGm001 td,.tableGm001 th{font-size: 11px !important; padding: 7px !important;}
.d-flex.align-items-center.justify-content-between.font-14.mb-5.CurrentActive {
  margin-bottom: 10px !important;
}
.MySubcriptionPlan .plan-title,.MySubcriptionPlan .next-payment { 
  margin-bottom: 20px !important; font-size: 12px;
}
.MySubcriptionPlan .offer-benefits-title { 
  margin-top: 10px !important;
}
.msvgb10bg1 h2.title.font-hding {
  font-size: 32px !important;
}

.dMobileset .ac-heading {
    font-size: 22px !important;
}
.dMobileset h6.font875vw {
        font-size: 14px !important;
    }
    .dMobileset .font875vw {
        font-size: 14px !important;
    }
    .customClassBtn01 {
    padding: 6px 14px !important;
    font-size: 12px !important;}
        .accountdshBd .font08vw {
        font-size: 14px !important;
    }
 
  /* .alert-visible .a-s-nav.mobilsetpSet {
    top: 0px !important;
    z-index: 999;
    position: sticky;
} */
/* .alert-visible .LeftSidebarList01 .MuiDrawer-paper {
  top: 180px;
  height: calc(100vh - 193px) !important;
} */
}
@media (max-width:450px){
  /* .accountdshBd .dMobileset .gap05vw {flex-direction: column;} */
  .Tobtn0bn1 {
    flex-direction: column;
}
.MySubcriptionPlan .plan-title {
  color: #2E3238;
  font-size: 18px;
}
.MySubcriptionPlan .offer-title {
  font-size: 38px;}
  span.gold-icon img {
    width: 30px !important;
}


}
@media (max-width:340px){
.subscription-card.w-100.border.rounded-4.p-4 {
    padding: 15px !important;
}
}
/* account-settings End responsive*/


/* Footer Nave set Responsive */
@media (max-width:991px){
  .logoFooter.text-center.mw-300-px { 
    margin-right: 0 !important;
  }

}
@media (max-width:599px){
/* .BottomNavigationAction{padding: 0 4vw !important;} */
.BottomNavigationAction img{width: 25px !important; height: 25px !important;}
.BottomNavigation {
  min-height: inherit !important;
  height: 70px !important; 
}
.BottomNavigationAction {
  padding: 0px 0 14px 0 !important;
}
.modal-body.overflowauto.emptyList {
  padding-top:0px;
}
.d-none.d-600px-block{display:block !important;}
.logoFooter.text-center.mw-300-px { 
  margin-right: 0 !important;
}
.FooterSecInner {padding:0 2.5vw;}
}

.chat-list .conversation.d-flex.activeUser {
  background: rgba(250, 245, 235, 1);
}
 

/* Payment Set start css */
.OrderDtalsCardbg{padding: 20px 0; border-top: 1px solid #ccc;}
.PaymentDetailHding h5{font-size: 16px !important; font-weight:500; color: #000; }
.PaymentDetailHding p{font-size: 14px !important; font-weight: normal; color: #525d67; }
.OrderDtalsCardbg label{font-size: 14px; color: #081726; font-weight: 500;}
.CardNamebg label,.CardnumberBg label{font-size: 14px !important; color: #081726 !important; font-weight: 500 !important; font-family: "indivisible" !important;}
.OrderDtalsCardbg label{font-size: 16px !important; color: #000000 !important; font-weight: 500 !important; font-family: "indivisible" !important;}
.OrderDtalsCardbg .Annually{font-size: 12px; color: #081726; background: #E9E9E9; font-weight: normal !important;}
.OrderDtalsCardbg .Subtotal,.OrderDtalsCardbg .baplanSet{font-size: 14px; color: #081726; font-weight: 500 !important;} 
.OrderDtalsCardbg .sam{font-size: 14px; color: #525d67; font-weight: 500 !important;} 

.OrderDtalsCardbg .AmountTA{font-size: 32px; font-weight: 500; color: #000;}
.OrderDtalsCardbg .form-check input{width: 20px; height:20px;}
.OrderDtalsCardbg .form-check label.form-check-label{font-size: 12px !important; color: #081726 !important; font-weight: normal !important; cursor: pointer;}
.OrderDtalsCardbg .form-check label.form-check-label a{font-size: 12px !important; color: #081726 !important; font-weight: normal !important;}
.DiscountYousave {
  background: #34A853;
  font-size: 12px;
  font-weight: 400 !important;
  padding: 5px 10px !important;
}
.setSuccFail h3{font-size:24px !important; font-weight: 500!important; color: #081726!important;}
.setSuccFail p{font-size:16px !important; font-weight: normal; color: #081726!important;}
.setSuccFail .odr001{font-size:14px !important; font-weight: normal; color: #525d67!important;}


.hpbtn001 img {
  width: 25px;
  height: 25px;
}



.loader {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 3px solid #000;
  width: 25px;
  height: 25px;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




.insetsetup {
    z-index: 9999 !important;
}


.filters-container .font-hding{font-family:"ivypresto-headline" !important; font-weight: 500 !important; }
.font-hding{font-family:"ivypresto-headline" !important; font-weight: 500 !important; }

.loadfullpage{position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100vh; background: rgb(255, 255, 255, 0.8); z-index: 9999; display: flex; justify-content: center; align-items: center;}

/* .ftsetcls .pt-110.pb-44.FooterSec p {
  font-size: 12px;
}

.ftsetcls .pt-110.pb-44.FooterSec .font-16{font-size: 12px;}

.ftsetcls .pt-110.pb-44.FooterSec .font-20 {
  font-size: 12px;
}

.ftsetcls .pt-110.pb-44.FooterSec h4 {
      font-size: 16px;
  }
  .ftsetcls .d-flex.justify-content-center.flex-column.align-items-start.gap-2.FooterSocealMedia.mw-400-px {
  max-width: 300px;
}

@media (max-width:1399px){
  .ftsetcls .logoFooter.text-center.mw-300-px{min-width: 200px;}
  .ftsetcls .FooterSec ul{display: inline-block !important; width: 100% !important;}
  .ftsetcls .FooterSec ul li{display: inline-block !important; }
  .ftsetcls .FooterSec ul li a{display: inline-block !important; padding: 3px 6px !important;} 
  .ftsetcls .FooterSec .mw-600-px.w-100{min-width: 300px;} 
}
@media (max-width:1199px){

} */
.purchase{ background: #916008; text-decoration: none; color: #fff; padding: 10px 30px; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; margin: auto; }
/* .ftsetcls .FooterSec .logoFooter,.ftsetcls .FooterSec .expftercet {display: none !important;} */
.ftsetcls .FooterSec .logoFooter {display: none !important;}
.ftsetcls .footer-link li a,.ftsetcls p.expftercet{font-size: 12px !important;}
.rNmdatabg001 {
  height: calc(100vh - 126px);
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.mobileGlogin{display:none;}
@media (max-width:599px){
  .user-profile-details{margin-left: 0;}
  .desktopGlogin{display:none;}
  .mobileGlogin{display:block;}
  .mobileGlogin div {
    margin: auto;
}
.btnsWithConnects  .contWEmail2{max-width:280px;}
.btnsWithConnects  .contWapple{max-width:280px;}
}














.marketingSignup{ padding: 40px; border-radius:20px ; background: #fff; max-width: 552px; margin: 0 auto; box-shadow: 0px 103px 177.2px 0px #000; }
.bgMar-signbg{background: url(../../assets/images/exclusive-journey/begin-your-exclusive-journey.webp) no-repeat center top / cover; position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}

  .marketingSignup .rightImgSignup, .marketingSignup .logoWithTop,.marketingSignup .mktSignu {display: none !important;}

  .marketingSignup .stykbtnsebtn {
    position: relative !important;
}
  .marketingSignup .signUpmain{padding: 0 !important;}

 .marketingSignup .maxw602{max-width: 100%;}

 .marketingSignup .header.text-center {
  display: none !important;
}
.marketingSignup h3{font-size: 32px;}
.marketingSignup .ctfnsbtn {
  padding-bottom: 0;
}

.marketingSignup .gender-selection,.marketingSignup .interest-selection { 
  gap: 20px;}
  .marketingSignup .pdBopsetmobile{display: none;}
  .marketingSignup .markSignupBtn{background: #861D1D; max-width:100%; width: 100%;}
  .marketingSignup .markSignupBtn:hover{background: #ad2727;}

  .mx-w900px{max-width: 900px; margin: 0 auto;}

  .marketingSignup .signUpTextdv .btnsetAll button{padding: 9px 20px;}
  .marketingSignup .p5vh {
    padding: 0;
}
.marketingSignup {position: relative;}
.marketingSignup .bknxtSnup{position: absolute; top:15px; left: 25px; right: 25px;}
.marketingSignup .w-400-px {
  width: auto;
}
 

 
.desktopGlogin div {
  margin: auto !important;
}
.signup_loginOption{max-width: 320px; width: 100%; }
.marketingSignup .mobilesetupswidth {
  flex-direction: column;
}
.marketingSignup .primpicsetup {
     justify-content: center !important;
     margin: 0 auto;
 } 
 .marketingSignup .publicPhotos label,.marketingSignup .PrimaryPhoto label,.marketingSignup .privatePhotos label{font-size: 20px !important;}
 .marketingSignup .primpicsetup .photo-box {
  width: 140px !important;
  height: 180px !important;
}
.marketingSignup .step.step6,.marketingSignup  .marketingSignup .step.step7, .marketingSignup .step.step8, .marketingSignup .step.step9, .marketingSignup .step.step10, .marketingSignup .step.step11, .marketingSignup .step.step12, .marketingSignup .step.step13, .marketingSignup .step.step14, .marketingSignup .step.step15, .marketingSignup .step.step16, .marketingSignup .step.step17,.marketingSignup .step.step18,.marketingSignup  .step.step19,.marketingSignup .step.step19, .marketingSignup .step.step20, .marketingSignup .step.step21, .marketingSignup .step.step22, .marketingSignup .step.step23, .marketingSignup .step.step24, .marketingSignup .step.step25, .marketingSignup .step.step26, .marketingSignup .step.step27, .marketingSignup .step.step28,.marketingSignup  .step.step29, .marketingSignup .step.step30 {
  margin-top: 0;
}
@media (max-width:1799px){
  .bgMar-signbg h2 {
    font-size: 32px !important;
  }
  .marketingSignup .font-18 {
    font-size: 14px;
}
  .marketingSignup h3,.marketingSignup .font-32   {
    font-size: 24px;
}
.marketingSignup .gender-selection, .marketingSignup .interest-selection {
  gap: 9px;
}
.marketingSignup .GISec { 
  gap: 15px;
}
.marketingSignup .signUpTextdv .btnsetAll button {
  padding: 7px 15px;
}
.marketingSignup .font-16 {
  font-size: 14px;
}
.marketingSignup .btnsetAll { 
  gap: 6px;
}
}
 @media (max-width:1399px){
  .marketingSignup { max-width: 410px;
    padding: 40px 20px 20px 20px;}
     
 .marketingSignup .slider-container{margin: 20px 0 0 0;}
 .marketingSignup .mobilesetupswidth .PrimaryPhoto .photo-box {
  width: 130px !important;
  height: 150px !important;
}
 
 }
 
 @media (max-width:600px){
  .bgMar-signbg .pt-5.ps-5.pe-5 {
    padding: 20px !important;
}
.bgMar-signbg h2 {
  font-size: 22px !important;
}
.marketingSignup {
  max-width: 410px;
  padding: 40px 20px 20px 20px;
  margin: 0 !important;
  width: 100%;
}
.marketingSignup .signUpmain .gender-selection.onwts .btnsetAll button, .marketingSignup .signUpmain .interest-selection.onwts .btnsetAll button {
  padding: 10px 20px;
  font-size: 14px;
  width: auto;  display: inline-block;
}
.marketingSignup .btnsetAll {
  flex-direction: inherit;
  display: inline-block;
  width: 100%;
}
.marketingSignup .signUpmain .font-24 {
  font-size: 22px;
}
.logo-mtsignbg{width: 100px; margin-bottom: 20px;}
.TxmtFtwTx{text-align: center; border: 1px solid #fff; padding: 20px; margin: 10px 0;
  border-radius: 10px;}

  .CopyrightSfmarkeing{flex-direction: column-reverse; text-align: center; }
  .CopyrightSfmarkeing .d-flex.gap-4.flex-wrap{gap: 5px !important; justify-content:center;}
  .CopyrightSfmarkeing a {
    font-size: 12px;
    padding: 7px 3px;
    margin-bottom: 10px;
}
.bgMar-signbg p.text-white.fw-medium {
  font-size: 14px;
}
  .CopyrightSfmarkeing p{font-size: 12px;}
  .marketingSignup .stykbtnsebtn{position: sticky !important;}
  .marketingSignup .markSignupBtn.Mui-disabled:focus, .marketingSignup .markSignupBtn.Mui-disabled:active,.marketingSignup .markSignupBtn.Mui-disabled{color: rgba(0, 0, 0, 0.26)!important;
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0.12)!important;}
 }


 .h-8-px {
  height: 0.5rem !important;
}

.w-8-px {
  width: 0.5rem !important;
}
.bg-success-600 {
  background-color: var(--success-600) !important;
}


.unsubscribed {text-align: center;}
.unsubscribed h2{font-size: 64px !important; color: #000;}
.unsubscribed p{color: #000;}
@media (max-width: 1399px){
  .aboutusnEwv1 .unsubscribed h2{font-size: 48px !important;}
}
@media (max-width: 767px){
  .aboutusnEwv1 .unsubscribed h2{font-size: 32px !important;}
}


.undermaintenance {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.undermaintenance .NotifyMeBnt{ border-radius: 8px; background: #861D1D;  padding: 12px 64px; color: #fff !important; border: none;
}
.undermaintenance h2{margin-top:20px ;}

.undermaintenance img{height: 40vh;}
@media (max-width: 1399px){
.undermaintenance h2{font-size: 32px !important;}

}

@media (max-width: 767px){
  .undermaintenance {
    position: relative;
    left: 0px;
    padding:0px 20px 20px 20px;
    top:0px;
    transform: translate(0, 0);
    
}
.undermaintenance .NotifyMeBnt { 
  padding: 12px 34px;}

}





/* The Hypergamy Concept start */

.MythBreakerText{max-width: 400px;}
.MythText{max-width: 400px; width: 100%;}
.MythText ul{padding: 0; margin: 0;}
.MythText ul li{list-style: none; font-size: 16px; display: flex; padding: 12px 0; gap: 10px; align-items: center;}
.HypergamyNtetxImg{position: relative; z-index: 2; }
.HypergamyNtetxImg img{width: 100%;}
.HypergamyNtetx{max-width: 70%; padding:30px; position: absolute; top: 50%; right: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

.aruAldn{padding: 20px 0; border-top: 1px solid #ccc;}
.Personaltxbg .PersonalText{border-right: 1px solid #fff; padding: 30px ;}
.ConsiderW01{padding: 30px;  max-width: 40%;}

@media (max-width:1399px){
  .d-flex.align-items-center.TheMythTextbg .MythTextbg {min-width: 60%;}
}
@media (max-width:1199px){
  .d-flex.align-items-center.TheMythTextbg {
    gap: 20px;
}
.MythBreakerText .font-18{font-size: 14px !important;}
.MythText ul li { 
  font-size: 14px;}
  .d-flex.align-items-center.TheMythTextbg .MythTextbg {
    min-width: 62%;
}
.HypergamyNtetx p{font-size: 14px;}
}
@media (max-width:991px){
  .d-flex.align-items-center.TheMythTextbg { 
    flex-direction: column;
}
.TheelhyBg{text-align: center;}
.elhybg .MythBreakerText .font-24 {
  font-size: 24px !important;
}
.HypergamyNbg.elhybg.TheelhyBg {
  flex-direction: column; text-align: left;
}
.Personaltxbg.d-flex.align-items-start {
  flex-direction: column;
  text-align: center;
}
.Personaltxbg .PersonalText{border-right: 0; border-bottom: 1px solid #fff;}
.Personaltxbg .PersonalText:last-child{border: none;}
.ar01fv.elhybg .font-24{font-size: 16px !important;}
.d-flex.justify-content-between.align-items-start.gap-4.HypergamyNbg.elhybg.TheelhyBg {
  padding-top: 0 !important; padding-bottom: 0 !important;
}
.theHyegSec.TheelhyBg.splidr01vf {
  padding-bottom: 0 !important;
}
}
@media (max-width:767px){
  .elhybg.TheelhyBg {
    padding: 30px 2.5vw !important;
}
.ar01fv.elhybg .font-24 {
  font-size: 14px !important;
}
}
@media (max-width:600px){
  .d-flex.align-items-center.TheMythTextbg .MythTextbg { 
    flex-direction: column;
}
.HypergamyNtetx {
  max-width: 100%;
  padding: 15px;
  position: relative;
  top: 0;
  right: 0;
  text-align: center;
  transform: translateY(0%);}
  .Personaltxbg .PersonalText { 
    padding: 20px 0;
}
.ConsiderW01 p {
  font-size: 14px;
}
.elhyBanner.theelhyBanner {
  height: 212px !important;
}
.TheelhyBg2.elhybg .font-24{font-size: 14px !important;}

}
/* The Hypergamy Concept end */


/* Elevate Hypergamy With Luxury Life */
.whyElevetebg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; justify-content: space-between; align-items: start; margin-top: 50px;}
.whyElevete{width: 100%;}
.whyElevete h3{color: rgba(245, 201, 166, 1);}

.NotPromotebg{display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; justify-content: space-between; align-items: start; margin-top: 50px;}
.NotPromote{width: 100%; display: flex;
      align-items: self-start;
      gap: 20px;}
.NotPromote h3{color:#000;}
.NotPromote span.img {
  min-width: 153px; max-width: 153px;
}

@media (max-width:1699px){
  .elhyBanner{height: 400px !important; padding-top: 110px !important;} 
}

@media (max-width:1399px){
  .elhyBanner.aboutusnEwv1 h2{font-size: 40px !important;}
  .elhybg .texbgReason p{font-size: 16px;}  
  .elhybg h2{font-size: 36px !important;}
  .elhybg .font-24{font-size: 20px !important;}
  .elhybg .font-20{font-size: 16px !important;}
  .ConsiderW01 {
    padding: 30px;
    max-width: 50%;
}
}
@media (max-width:1199px){
  .elhyBanner.aboutusnEwv1 h2{font-size: 36px !important;}
  .elhybg .texbgReason p{font-size: 16px;}  
  .elhybg h2{font-size: 30px !important;}
  .elhybg .font-24{font-size: 18px !important;}
  .elhybg .font-20{font-size: 14px !important;}
  .elhybg .font-16{font-size: 14px !important;}
  .elhybg .font-32{font-size: 26px !important;}
  .ConsiderW01 {
    padding: 30px;
    max-width: 50%;
}
}
@media (max-width:991px){
  .elhybg .ReasonsChoose{text-align: center;}
    .elhybg .texbgReason{padding-bottom: 40px;}
  .whyElevetebg {
    
    grid-template-columns: repeat(1, 1fr);
    gap: 30px; 
    margin-top: 50px;
    text-align: center;
}
.elhybg .ExclusivityExp.text-start {text-align: center !important;}
.elhyBanner {
  height: 260px !important;}
  .NotPromotebg {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    justify-content: space-between;
    align-items: start;
    margin-top: 24px;
}
.elhybg{padding: 40px 5.5vw !important;}
.theHyegSec.ads.elhybg{margin-top: 40px !important;}
.ConsiderW01 {
  padding: 30px;
  max-width: 90%; text-align: center;
  margin: 0 auto;
} 
.aboutusnEwv1.elhyBanner .aboutusTextNewbg h2.text-start {
  font-size: 32px !important; text-align: center !important;
}
}

@media (max-width:767px){
  .ConsiderW01 {
    padding: 30px;
    max-width: 100%; text-align: center;
    margin: 0 auto;
  } 
  .NotPromote span.img {
    min-width: 120px; max-width: 120px;
  }
  .NotPromote.align-items-center {
    align-items: self-start !important;
}
.elhybg h2 {
  font-size: 24px !important;
}
.elhybg .font-32 {
  font-size: 24px !important;
}
.elhybg .font-24 {
  font-size: 16px !important;
}
.elhybg .whyElevetebg.font-24 {
  font-size: 20px !important;
} 
}
@media (max-width:400px){
  .NotPromote span.img {
    min-width: 153px;
    max-width: 153px;
    margin: 0 auto;
  }
  .NotPromote.align-items-center {
    flex-direction: column;
    align-items: center !important;
    text-align: center;
  }
  .elhybg .NotPromote h3.font-24 {
  font-size: 20px !important;
} 
}
/* Elevate Hypergamy With Luxury Life End */



/* Agreement Services start */

.serviceAgreeSec{background-image: url('../images/service-agreement/service-agreement.webp');width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover; padding: 100px 5.5vw 0;background-position: right;margin: 0 auto;     position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}
  .serviceAgreeSecbg{padding:75px 5.5vw 50px 5.5vw;}
  .serviceAgreetxet{ background: #fff; border-left: 8px solid #916008; overflow: hidden; padding: 50px; border-radius:8px ; position: relative; z-index: 2; max-width: 50%; width: 100%; }
/* .servAgreeContent{width: 100%;height: 100%;overflow-y: scroll;height: 88.3vh;border-left: 8px solid #916008;} */
.servAgreeContent ul {list-style: upper-roman;padding-left: 22px;}
.serviceAgreeSec ul li{margin: 8px auto;}
@media (max-width: 1699px) {.servAgreeContent .font-48 {font-size: 40px;}} 
@media (max-width: 1399px) {.servAgreeContent .font-48 {font-size: 34px;}} 
@media (max-width: 1199px) {.servAgreeContent .font-48 {font-size: 28px;} .servAgreeContent .font-16{font-size: 14px !important;} .serviceAgreetxet {
    background: #fff;
    border-left: 8px solid #916008;
    overflow: hidden;
    padding: 20px;}
    .servAgreeContent .font-24 {
      font-size: 16px;
  }
}
@media (max-width: 767px) {.servAgreeContent .font-48 {font-size: 28px;}  .serviceAgreetxet{max-width: 100%;} .servAgreeContent .font-24 {font-size: 18px;margin: 20px 0 10px 0 !important} .servAgreeContent p{font-size: 14px;} .servAgreeContent ul{font-size: 14px;text-align: left;}
.fnthvn1cc.font-64{font-size: 32px !important;}
}
/* Agreement Services end */
.emoji-large {
  font-size: 2rem; /* adjust as needed */
}
.emoji-inline {
  font-size: 2rem;
  display: inline-block;
  vertical-align: middle;
}
.text-white.font-12.PhotosLock001 {
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 0 3px;
    text-align: center;
}
.text-white.font-12.PrivatePicRS {
    color: #000 !important;
}

.plan2ndsne{padding:8px 0 0 0 ; border-top: 1px solid rgba(73, 110, 91, 0.16);}
.plan2ndsne li{list-style: none; color: #3E3E3E; 
text-overflow: ellipsis; align-items: center;
font-family: 'Indivisible';
font-size: 16px;
font-style: normal; display: flex; gap: 10px;
font-weight: 400;
line-height: 16px; padding: 6px 0;   }
.mobilevHide{display: none !important;}
@media (max-width:1199px){
  .endthbg1 .spn002{font-size: 32px !important;}
  .endthbg1 .spn004{font-size: 12px !important;}
  .endthbg1 button.spn005{font-size: 18px !important;}
  .plan2ndsne li 
 { 
    font-size: 14px; 
    padding: 2px 0; 
}
}
@media (max-width:767px){
.endthbg1{padding-left: 0 !important; padding-right: 0 !important;}
.endthbg1 .pdsbcnmw1{padding-left: 0 !important;}

.desktopvHide{display: none !important;}
.mobilevHide{display: block !important;}

}
@media (max-width:575px){
.endthbg1 .spn001{font-size: 10px !important;}
.endthbg1 .spn002{font-size: 18px !important;}
span.spn003 {
    font-size: 10px !important;
}
.endthbg1 .spn004 {
        font-size: 10px !important;
    }
.endthbg1 button.spn005 {
        font-size: 14px !important;
    }
.plan2ndsne li {
        font-size: 12px !important;
        padding: 0px 0 !important;
    }

.plan2ndsne li svg{width: 17px !important;
    height: 17px !important;}
        .endthbg1 .pdsbcnmw1 {
        padding-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 15px;
    }
    .toolmdalSet { width: 100% !important; max-height: 100% !important; border-radius:0 !important ; -webkit-border-radius:0 !important ; -moz-border-radius:0 !important ; -ms-border-radius:0 !important ; -o-border-radius:0 !important ; }
.MuiTypography-root.spn002bhn1 {
        line-height: 10px !important;
    }

    .toolmdalSet .closeiconbnt{right: -10px !important; top: -10px !important; background: rgb(117, 22, 22, 1); color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
}























 
 
.mobile-photo-slider {
  width: 100%;
  padding: 10px 0;
  margin: 15px 0;
}

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

 
.mobile-photo-slider img {
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

 
.mobile-photo-slider .swiper-button-next, 
.mobile-photo-slider .swiper-button-prev {
  color: white;
  background: rgba(0,0,0,0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.mobile-photo-slider .swiper-button-next:after, 
.mobile-photo-slider .swiper-button-prev:after {
  font-size: 16px;
}
.mobile-photo-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    bottom: auto;
    top: 26px;
}

.mobile-photo-slider  { padding: 0 !important; margin: 0 !important;
    transform: translateZ(0);
    backface-visibility: hidden;
    height:450px; overflow: hidden;
    justify-content: center !important;
    align-items: center;
    border-radius: 0 0 30px 30px !important;
    -webkit-border-radius: 0 0 30px 30px !important;
    -moz-border-radius: 0 0 30px 30px !important;
    -ms-border-radius: 0 0 30px 30px !important;
    -o-border-radius: 0 0 30px 30px !important;
    background: #f2f2f2;
}
.mobile-photo-slider .swiper-slide:before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    height: 78px;
}
.mobile-photo-slider .swiper-slide:after {
    content: "";
   background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 78px;
}

.mobile-photo-slider .swiper {height: 100% !important;}
/* .mobile-photo-slider .swiper-slide{margin: 0 !important;} */
.mobile-photo-slider .swiper-slide img{ border-radius:0 !important ; -webkit-border-radius:0 !important ; -moz-border-radius:0 !important ; -ms-border-radius:0 !important ; -o-border-radius:0 !important ; }


.mobile-slider-active .HeaderAfterSignIn {display: none !important;}
.mobile-slider-active section.border-top.pt-2vw {
    padding-top: 0 !important;
}
.mobile-slider-active .container-fluid.px-5vw {
    padding: 0 !important; overflow: hidden;
}
.Topfixed{position: sticky;}
.mobile-slider-active .user-profile-card{ padding: 0 !important;}

.imgPstextMobile-none.d-flex{display: none !important;}
.desktopwer.d-none{display: block !important;}
 .mobileSw{display: none !important;}

.Topfixed.FavTsckySet{display: none !important;}
 
@media (max-width: 767px){
  .border-bottom.settomobilefx{display: none !important;}
  .imgPstextMobile-none.d-flex{display: flex !important;}
  .Topfixed.FavTsckySet{display: block !important;}
  .mobile-view .pt-110.pb-44.FooterSec {
    display: none;
}
.mobileSw .arrlinkleft svg{width: 0.7em !important; height: 0.7em Im !important;}
  .desktopwer.d-none{display: none !important;}
  .HeaderAfterSignIn {display: none !important;}
  .mobile-slider-active .HeaderAfterSignIn {display: none !important;}
  .userAiconSetp .user-action-icons.d-none{display: none !important;}
  .userAiconSetp .user-action-icons.d-none{display: none !important;}
   .userAiconSetp .user-icon-button.close, .userAiconSetp button.user-icon-button.favorite {display: none !important;}
       .userDprofl.d-flex.gap-4 {
        width: 100%;
        position: relative;
    }
.userDprofl .user-action-icons {
       bottom: -25px;
        position: absolute;
        z-index: 9;
        right: 15px;
        left: auto;
        justify-content: end;
    } 
    .userDprofl .user-icon-button.close,.userDprofl .user-icon-button.chat {display: none !important;}
 .mobileSw{display: block !important;}
    .mobileNON{display: none !important;}  
.userheddtal.mobileSw {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.userheddtal.mobileSw h2 span {
    color: #fff; margin: 0;
}
.userheddtal.mobileSw h2 {
        justify-content: start !important;
    }
.userheddtal.mobileSw p {
    color: #fff;
    text-align: left;
        line-height: 18px;
}

.insetsetup div{inset: 0 !important;}

.labsceeditbg{flex-direction: column;}
.mob-none{display: none !important;}
/* body.mobile-view.mobile-slider-active{overflow: hidden;} */
}

/* Add this CSS to your existing stylesheet */
.checking-loader {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}