/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
   appearance: textfield;
  -moz-appearance: textfield;
}
.signUpmain {
  padding-left: 7vw !important;
}
.rightImgSignup{position: sticky; top:16px; overflow: hidden; height:calc(100vh - 32px); width: 90%; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.rightImgSignup img{width: 100%; height: 100%; object-fit: cover; display: flex; justify-content: center; align-items: center;}

.color5f{color: #5F6368;}
.GISec{display: inline-flex;
    flex-direction: column;
    align-items: flex-start; width: 100%;
    gap: 26px;}
.gender-selection,.interest-selection{display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;}
.btnsetAll{display: flex;
    align-items: center;
    gap: 11px; justify-content: center;}
.btnsetAll button{
      display: flex;
      color: #081726;
      padding:6px 16px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.5vw;
      border-radius: 50vw;
      border: 0.01vw solid #E8E6EA;
      background: #FFF;
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
}
.btnsetAll button:hover{border: 1px solid #BF8500 !important;}
      .signUpTextdv .btnsetAll button { 
        padding: 11px 30px;}
 
.btnsetAll button.selected{ background:  #BF8500; color: #fff; }

.maxW400{width: 29vw; margin: 0 auto;}
.f24-bvw{font-size: 2vw; font-weight: bold;}
.f24-mvw{font-size: 2vw; font-weight: 500;}
.f24-nvw{font-size: 2vw; font-weight: normal;}

.f16-bvw{font-size: 16px; font-weight: bold;}
.f16-mvw{font-size: 16px; font-weight: 500;}
.f16-nvw{font-size: 16px; font-weight: normal;} 

.f14-bvw{font-size: 14px; font-weight: bold;}
.f14-mvw{font-size:14px; font-weight: 500;}
/* .f14-nvw{font-size: 0.9vw; font-weight: normal;} */
.f14-nvw{font-size: 16px; font-weight: normal;}

.f12-bvw{font-size: 14px; font-weight: bold;}
.f12-mvw{font-size: 14px; font-weight: 500;}
.f12-nvw{font-size: 14px; font-weight: normal;}


.security-row input{max-width: 229px;}
.signUpmain .security-row input{max-width: 100%;}
.haAclf {
  display: inline-block;
  width: 100%;
}
.ctfnsbtn {
  padding-bottom: 16px;
}
.borderSt{ border: 1px solid #DADCE0; border-radius:10vh ; -webkit-border-radius:10vh ; -moz-border-radius:10vh ; -ms-border-radius:10vh ; -o-border-radius:10vh ; }
.height40{height: 40px;}
.fontSt{font-size: 14px; }

/* .btnsWithConnects{padding: 3vw 0 0 0;} */
    .btnsWithConnects .userimg{width: 1.6vw;
        height: 1.6vw; margin-left: 0.3vw;
        font-size: 0.6vw; margin-right: 0.3vw !important;}

        .btnsWithConnects .google-iconEmail{width: 36px;
            height: 36px; margin-right: 0.3vw;
            font-size: 0.6vw;}
            .btnsWithConnects .google-iconEmail img{width: 100%; height: 100%;}
            .btnsWithConnects .nameWemail{line-height: 0.8vw;}
            .btnsWithConnects .nameWemail span{font-size: 0.6vw; color: #5F6368;}

           /* .contWapple svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-1umw9bq-MuiSvgIcon-root {
                width: 2vw;
                height: 6vh;
            } */
            .nsm7Bb-HzV7m-LgbsSe {
              border-radius: 28px !important;
              -webkit-border-radius: 28px !important;
              -moz-border-radius: 28px !important;
              -ms-border-radius: 28px !important;
              -o-border-radius: 28px !important;
}
             .btnsWithConnects button,.contWEmail{width: -webkit-fill-available;
                text-align: center;
                justify-content: center;}

                .gapset{gap: 0.5em;}

                /* .bylinkTp {padding-top: 2vw; color: #000000; 
                    font-size: 0.9vw;
                    font-weight: 400;
                } */
                .bylinkTp a{color: #000000; font-size:16px; font-weight: 400;}


/* 2 */
.p5vh {
    padding: 30px; 
}
.form-control {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    color: #525d67;
    padding: 10px 15px;
    border-radius:15px!important ;
    -webkit-border-radius:15px!important ;
    -moz-border-radius:15px!important ;
    -ms-border-radius:15px!important ;
    -o-border-radius:15px!important ;
    border: 1px solid #E8E6EA;
    background:#FFF;
}

.dobSetnew{padding-top: 2vh; padding-bottom: 5vh;}
.dobSetnew input{ padding: 10px 15px; text-align: center; max-width: 120px; }
/* .dobSetnew input{padding:2.5vh 0.6vh; border: 1px solid #5F6368; text-align: center;} */
.dobSetnew .days input {width: 54px;}
.dobSetnew .months input {width: 59px; }
.dobSetnew .years input {width: 73px; }



/* 4 */

.icon-field {
    position: relative;
}
.icon-field .icon {
    position: absolute;
    top: 10px;
    inset-inline-start: 0;
    width: 34px;
    height: 25px;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    color: var(--text-secondary-light);
}
.icon-field .icon svg {
    width: 30px;
    height: 22px;
    fill: #525d67;
}
.icon-field .form-control { font-family: 'Plus Jakarta Sans';
    padding-inline-start: 2.75em;
    font-size: 16px;
    font-weight: 400;
    color: #525d67;
}

.form-select, .form-control:not(textarea) { 
    height: 2.75em; font-size: 16px !important;
}

.step.step6, .step.step7, .step.step8, .step.step9, .step.step10, .step.step11, .step.step12, .step.step13, .step.step14, .step.step15, .step.step16, .step.step17, .step.step18, .step.step19, .step.step19, .step.step20, .step.step21, .step.step22, .step.step23, .step.step24, .step.step25, .step.step26, .step.step27, .step.step28, .step.step29, .step.step30 {
  margin-top: 20px;
}
/* .input-h-44{} */

.psistetVefid .correct{position: absolute;
    right: 10px;
    top: 11px;
    width: 22px;}


    /* .navbar-search input{ font-family: "Plus Jakarta Sans", sans-serif;
        font-weight: 500;
        color: #525d67;
        padding: 10px 15px;
        border-radius:15px!important ;
        -webkit-border-radius:15px!important ;
        -moz-border-radius:15px!important ;
        -ms-border-radius:15px!important ;
        -o-border-radius:15px!important ;
        border: 1px solid #E8E6EA;
        background:#FFF;} */



        .slider-scale {
          display: flex;
          overflow-x: auto;
          scroll-behavior: smooth;
          user-select: none;
          -webkit-overflow-scrolling: touch;
          cursor: grab;
          /* padding: 10px 0; */
          height: 65px;
          border-bottom: 1px solid #ccc;
        }
        
        .slider-scale.dragging {
          cursor: grabbing;
          scroll-behavior: auto;
        }
        
        .scale-values {
          display: flex;
          gap: 10px;
          white-space: nowrap;
        }
        
        .scale-value {
          padding: 10px;
          font-size: 18px;
          cursor: pointer;
          transition: transform 0.2s ease;
        }
        
         
        












    /* 1 */
.linecustmSet{position: absolute;}
    .linecustmSet::before,.linecustmSet:after{content: ""; position: absolute;}
    .linecustmSet::before{background: #fff;
        width: 10px;
        height: 100%;
        right: -6px;}
    .linecustmSet:after{
        width: 100%;
        border-radius: 10px;
        height: 100%;
        background: #916008;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
}


.bgsignline{position: absolute;
    width: 6px;
    height: 100%;
    background-color: #dddddd;
    right: -8px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    border-radius: 0 16px 17px 0px;}
 
    .signUpmain{display: flex; justify-content: space-between; gap: 2rem;}

    /* .rightImgSignup{max-width:40%; height: 674px; width: 100%;} */
    .bknxtSnup button:disabled {
      color: #ccc !important;
  }
    /* .signUpTextdv{width: 100%; max-width: 667px;} */
    .signUpTextdv{width: 100%; }
    .maxw602{width: 100%; max-width: 602px; max-width: 89%; margin: 0 auto;}





    .loading-state {    
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .loading22 {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 10px solid #ddd;
        border-top-color: orange;
        animation: loading22 1s linear infinite;
        -webkit-animation: loading22 1s linear infinite;
}
      @keyframes loading22 {
        to {
          transform: rotate(360deg);
        }
      }
      

      /* 10 */
       
      .height-selector {
        text-align: center;
        /* margin: 20px; */
        /* max-width: 533px; 
        width: 100%; */
      }
      
      .unit-toggle {
        display: inline-flex;
        justify-content: center;
        margin: 0;
        background: #EBEBEB;
        border-radius: 15px;
        
        padding: 1px 2px;
    overflow: hidden; 
    }
    
    .unit-toggle button {
        padding: 3px 15px; 
        border:none;
        border-radius: 5px;
        background:none;
        cursor: pointer;
        font-weight: 500;
        font-size: 14px;
        color: #081726;
    }
    
    .unit-toggle .active {
        background-color: #fff;
        border-color: #fff;
        color: #916008;
        border-radius: 30px;
    }
      
      .slider-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 50px 0 0 0;
        position: relative;
      }
      
      .slider {
        width: 100%;
        cursor: pointer;
        margin-top: 30px;
        position: absolute;
        top: 30px;
      }
      
      .slider-scale {
        position: relative;
        width: 100%;
      }
     
      .scale-values {
        display: flex;
        justify-content: space-between;
        /* position: absolute;
        top:-48px; */
        position: relative;
        top:0px;
        width: 100%;
        max-width: 100px;
        /* border-top: 1px solid #C4C4C4; */
      }
      
      .scale-value {
        font-size: 14px;
        padding: 10px 15px;
        color: #525d67;
        cursor: pointer; 
        position: relative;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border: 1px solid #fff;
        margin-bottom: 24px;
        display: flex;
    justify-content: center;
    align-items: center;
}
      span.scale-value:before {
        content: "";
        position: absolute;
        height: 10px;
        width: 1px;
        background: #ccc;
        bottom: -30px;
        left: 50%;
        transform: translateY(-50%);
    }
      .scale-value.active { 
        color: #000; 
        border: 1px solid #C4C4C4;
      }
      
      .slider-btn {
        display: flex; border: none;
width: 31px;
height: 31px;
padding: 5px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 36px;
background: #FFF;  color: #916008; font-size: 20px;
box-shadow: 2px 2px 16.6px 0px rgba(0, 0, 0, 0.11);
      }
      
      .height-display {
        margin-top: 40px;
        font-size: 24px;
        font-weight: bold;
        color: #333;
      }




/* 10 */
      .btnsetAll2 {
        display: inline-block; 
        max-width: 100%;
    }
    .btnsetAll2 button {
        display: inline-block;
        margin: 5px;
        transition:0.3s ;
        -webkit-transition:0.3s ;
        -moz-transition:0.3s ;
        -ms-transition:0.3s ;
        -o-transition:0.3s ;
}
    .btnsetAll2 button:hover{border: 1px solid #BF8500 !important;}






    /* 26 */
    .photoHoverEffect {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      text-align: center;
      right: 0;
      background: rgba(0, 0, 0, 0.8);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 3px;
      visibility: hidden;
      transition:0.3s ;
      -webkit-transition:0.3s ;
      -moz-transition:0.3s ;
      -ms-transition:0.3s ;
      -o-transition:0.3s ;
}
  .photo-box:hover .photoHoverEffect{visibility: visible;}
  .delete-icon {
      top: 4px;
      position: absolute;
      right: 4px;
      width: 20px;
      height: 20px;
      background: #ef3d3d;
      color: #fff;
      line-height: 17px;
      border-radius:20px ;
      -webkit-border-radius:20px ;
      -moz-border-radius:20px ;
      -ms-border-radius:20px ;
      -o-border-radius:20px ;
}
  .lock-icon,.unlock-icon {
      color: #fff;
  }
  .reupload-icon {
      color: #fff;
  }
  .make-profile-icon {
      font-size: 12px;
      padding: 2px 5px;
      color: #fff;
      border: 1px solid #fff;
      border-radius: 20px;
      margin: 0 5px;
  }
  .PrimaryPhoto .make-profile-icon,.privatePhotos .make-profile-icon {
    display: none;
}

.setupEmailSetup iframe{text-align: center; margin: 0 auto !important;  margin: -2px -10px !important; }


/* Disable autofill background styling */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px transparent inset !important;
  box-shadow: 0 0 0 100px transparent inset !important;
  -webkit-text-fill-color: inherit !important; /* Maintain the text color */
}

/* Login Account strat */
.LoginAccountLink .contWEmail2,.LoginAccountLink .bylinkTp {display: none !important;}
.LoginAccountLink .btnsWithConnects {padding-top: 0 !important;}
.color7b{color: #525d67;}
.w300px{max-width: 300px; width:100%; margin: 0 auto;}

/* Signup Responsive Start */
@media (max-width:1399px){
  .signUpTextdv .btnsetAll button {
    padding: 9px 18px;
}

.mobilesetupswidth .photo-box{width: 25% !important; height:101px !important;}
.mobilesetupswidth .PrimaryPhoto .photo-box{width: 150px !important; height: 226px !important;}

}

@media (max-width:1199px){
  .scale-value {
      font-size: 16px;
      padding: 6px 12px;}
  /* .btnsetAll button { 
      padding: 0.6vw 1.8vw;} */
      .f16-mvw {
        font-size: 15px;}
  }



@media (max-width:991px){
.rightImgSignup{display: none;}

}


@media (max-width:575px){
  /* .signUpmain .font-36 {
    font-size: 28px;
} */
  /* .signUpmain .font-32 {
    font-size: 18px;
} */
  /* .signUpmain .font-16 {
    font-size: 14px;
} */
.logoWithTop{padding-top: 0 !important;}
.logoWithTop .Logo{    width: 84px;}
 .signUpmain .font-24 {
  font-size: 18px;
}
  .signUpmain .btnsetAll {   
    flex-direction: column;
}
.signUpmain  .btnsetAll button {
  padding: 7px 15px;
  margin: 3px !important;
  font-size: 14px;
}
.signUpmain .font-18 {
  font-size: 14px;
}

 .signUpmain .gender-selection .btnsetAll button, .signUpmain .interest-selection .btnsetAll button{
  padding: 2.6vw 4.8vw;  
  font-size: 14px;
}
 .signUpmain .gender-selection.onwts .btnsetAll button, .signUpmain .interest-selection.onwts .btnsetAll button{
  padding: 2.6vw 1.8vw;  
  font-size: 14px; width: 140px;
}
 .signUpmain .w-400-px {
  width: 100%;
}
.bylinkTp label {
  font-size: 14px;
}
.bylinkTp a { 
  font-size: 14px;}
.pdBopsetmobile{padding-bottom: 8px !important;
  line-height: 14px;}
.pdBopsetmobile .small,.pdBopsetmobile small {
  font-size: .675em !important;
}
.signUpTextdv .header .font-14  {font-size: 12px;}

.signUpTextdv .btnsWithConnects.gapset.w-400-px {
  width: 100%;
}

.signUpTextdv form.VerifyEmailFontSet input {
  width: 50px !important;
  height: 50px !important;
  font-size: 14px !important
}

.signUpTextdv .VerifyEmailFontSet .font-34 {
  font-size: 24px;
}
.signUpTextdv .VerifyEmailFontSet .f14-mvw {
  font-size: 14px;}
.signUpTextdv .VerifyEmailFontSet .font-18 {
  font-size: 14px;
}
.dobSetnew input {
  padding: 10px 10px;
  width: 80px;
  text-align: center !important;
  height: 45px !important;
}
}




/* Sign Us Modal width set Mobile */
@media (max-width:991px){
  .mobilesetupswidth {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mobilesetupswidth .photo-box {
    width: 25% !important;
    height: 160px !important;
}

.mobilesetupswidth .PrimaryPhoto .photo-box { width: 100% !important;
    height: 160px !important;}
    .mobilesetupswidth .PrimaryPhoto .photo-box {
      width: 200px !important;
      height: 240px !important;
  }
  .mobilesetupswidth .publicPhotos {
  margin: 20px 0;
}

}

 
@media (max-width:767px){
  .modalsetM0 {padding: 30px 15px !important;}
 .modalsetM0 .font-32 {
  font-size: 18px;
}
.security-row.d-flex.gap-3 {
  flex-direction: column;

}
.security-row select.form-select {
  max-width: 100%;
margin-bottom:0 !important;
} 

 
.font-32.h3vtxt {
  font-size: 20px;
}
.para18vtxt.font-18 {
  font-size: 14px;
}
.mobilesetupswidth .photo-box { 
  height: 90px !important;
}
.motoolModl {
padding: 15px;
} 
  .ListVYp{padding-left: 0 !important;}
  .motoolModl {
    padding: 15px;
}
.motoolModl .font-32{font-size: 20px !important;}
.motoolModl .font-18{font-size: 14px !important;}
.motoolModl .font-20{font-size: 14px !important;}
.height-selector h2 {
  font-size: 24px !important;
}

}

 
@media (max-width:599px){
  .WSEPMOBL{max-width: 100% !important;}
  .dnsetMbile{display:none !important}
  .Proscss001 .progressSetupWth {
    width: 60px !important;
    height: 60px !important;
}
.FrontBackPicMn{margin: 0 !important;}
.FrontBackPic{flex-direction: column;}
.VerifyIdanty img { 
  border-radius: 10px;
}

.signUpmain {
  padding-left: 16px !important;
}
.maxw602 { 
  max-width: 100%;}
  .font-16.dontHchld {
    font-size: 12px;
}
.bg-white.text-center.maxw602.mt-32.stykbtnsebtn {
  bottom: -1px !important;
}
.d-block.gap-3.security-row .form-select {
  margin-bottom: 10px !important;
}
.d-flex.align-items-center.justify-content-between.logoWithTop.py-0 {
  margin-bottom: 10px;
}
.ctfnsbtn button {
  padding: 16px 10px;
}
}


.btnsWithConnects iframe{   
  border: 0px;
  margin: 0 auto !important;}



 

.mobilesetupswidth .photo-box {
        width: 100% !important;}
        .primpicsetup .photo-box {
          width: 200px !important;
      }
.publcSetPto1 {
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    display: grid !important
;
}
.make-profile-icon {
    font-size: 10px;}


    @media (max-width: 385px){
.signUpmain .font-p.font-36.color08.fst-italic.fw-medium {
    font-size: 30px !important;
}

    }