
  

.button-conter{
  border: 1px solid gray;
  padding: 3px 20px;
  border-radius: 5px;
  margin: 10px;
  background-color: white;
}
.conter, .number{
font-size: 15px;
font-family: yekan;
color: gray;
}

/* register */
.form-label-1{
  font-size: 14px;
  color: gray;
  line-height: 40px;
}
.form-control::placeholder{
    
    color: rgb(218, 218, 218);
    width: 100%;
}
.form-control{
  width: 100%;
}
.form-check-1{
    padding: 0px !important;
}
.form-check-input{
 padding: 5px;
}
.form-check-label-1{
  font-size: 14px;
  color: gray;
  margin-top: 8px;
  line-height: 40px;
}
.button-contenue{
    background-color: #00a8ed;
    border: none;
    color: white;
    width: 100%;
    font-size: 18px;
}
.login-with-password-1{
    text-decoration: none;
    color: #388fdb;
    text-align: center;
    position: relative;
  top: 10px;
  font-size: larger;
}
.login-with-sms{
  top: 15px;
  position: relative;

}
.body-register{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.imge-login{
  
position: relative;
height: 58px;
width: 300px;
margin: 0 auto;
}

.form_login {
  width: auto;
  max-width: 340px;
  min-width: 300px;
  margin: 20px auto;
  background: #fff;
  border: 2px whitesmoke solid;
  padding: 8px;
  position: relative; 

  text-align: center;
  
}
.number_phone{
  font-weight: bold;
  color: #0087ff;
  
  
}
.delay_time{
  border: 1px solid transparent;
  background-color: aliceblue;
  padding: 6px;
border-radius: 4px;
width: 100%;
  display: block;

}
.form_verify {
  width: auto;
  max-width: 340px;
  margin: 20px auto;
  background: #fff;
  border: 2px whitesmoke solid;
  padding: 11px;
  position: relative; 
  text-align: center;
  min-height: 410px;
}
.btn-success-otp{
width: 100%;
}
.form_password{
  width: auto;
  max-width: 340px;
  margin: 0 auto;
  background: #fff;
  border: 2px whitesmoke solid;
  padding: 11px;
  position: relative; 
  top: 14%;
  text-align: center;
  height: auto;
}
.form-container-verify {
margin: 0 auto;
position: relative;
overflow: hidden;
}
.text-box {
height: 50px;
margin-left: 30px;
margin-right: 30px;
transition: all 1s;
margin-top:30px;
}
.title_otp{
font-size: 24px;

margin-top: 20px;
}
.title_top{
 
}
.title_verify {
  height: auto;
}
.otp-test-code {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 14px auto 8px;
  padding: 8px 10px 8px 14px;
  color: #334155;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.08);
}
.otp-test-code__label {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.otp-test-code__value {
  min-width: 76px;
  padding: 7px 12px;
  color: #075985;
  background: #fff;
  border: 1px solid #7dd3fc;
  border-radius: 8px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 5px;
  text-align: center;
  box-sizing: border-box;
}
.title_password {
 
  height: 55px;
}
.form-control-otp {
  height: 40px;
  border-radius: 4px;
  width: 100% !important;
  font-size: inherit;
}
.iti .iti__selected-dial-code {
  font-size: 18px;
  line-height: 1;
}
.tituloo {
  width: 100%;
}
.codex{
  display: flex;
  /* margin-right: 36px; */
  margin-right: 39%;
  width: 46%;
  direction: ltr;
  text-align: end;
}
.c-login__resend-otp-message {
  font-weight: 700;
  color: #81858b;
  padding: 12px;
  text-align: center;
  font-size: 12px;
  font-size: .857rem;
  /* line-height: 21px; */
}
.o-btn--link-blue-lg {
padding: 13px 16px;
direction: rtl;
font-size: 14px;
font-size: 1rem;
line-height: 1.571;
font-weight: 700;
color: #0fabc6;
background: none;
border-radius: 0;
position: relative;
  right: 38%;
}
.alert_otp {

border: 0;
padding: 10px 25px 10px 15px;
border-radius: 0;
position: relative;
width: max-content;
}
.o-btn {
/* cursor: pointer; */
/*-webkit-box-shadow: none;*/
/* box-shadow: none; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* -webkit-box-align: center; */
-ms-flex-align: center;
align-items: center;
/* -webkit-box-pack: center; */
-ms-flex-pack: center;
justify-content: center;
background: none;
border: none;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: relative;
border-radius: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.form-code::placeholder{
  font-size: 30px;
    color:black;
  float:left;
  padding: 5px;
}
.inputs_otp {
  width: 100%;
  margin-bottom: 15px;
}
.inputs-flex {
  width: 100%;
  display: flex;
  flex-direction: column;
}


.help-text {
color: red;
line-height:40px;
}

.btn_otp {
  padding: 12px 20px;
  background: rgb(21, 181, 235);
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.btn_otp:hover{
  background-color: rgb(53, 175, 64);
}
.submit-footer-btn{
  text-align:center;
margin-bottom: 9px;
}

.form-container-password {
  
  min-height:320px ;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
 
}
.form-container-password.active {
  right: 0;
}
input_otp:checked ~ .label .form-container-password {
  right: 0;
}
.text-forget-password{
    font-size: 14px;
    padding-top: 5px;
    color:#00A1E3;
}

/* end register */
/* address */
.card-header{
 background-color: rgb(255, 255, 255);
}
.link-addres{
 text-decoration:none;
 color: rgb(192, 192, 192);
 display: flex;
 justify-content: center;
 border:1px dashed gray;
 padding: 50px 0px;
 border-radius: 5px;
}
.c-login__form-header{
font-weight: 700;
margin-bottom: 18px;
font-size: 20px;

line-height: 50px;

}

/* end addres */
/* modal2 */
.modal-title2{
color: gray;
}
.modal-dialog2{
max-width: 700px;
}
.form-label-address1 , .form-label-address2 ,.form-label-address3 {
  font-size: 14px;
  color: rgb(65, 65, 65);
  padding-bottom: 5px;
  padding-top: 20px;
}
.city-selector{
  padding: 10px 115px ;
  border-radius: 5px;
  color: rgb(204, 204, 204);
}
.textarea-address{
background-color: white !important;
padding-bottom: 70px;
}
.textarea-address::placeholder{
color: rgb(194, 194, 194);
font-size: 14px;
}
.form-control-address1::placeholder{
color: rgb(194, 194, 194);
font-size: 14px;
}
.btn-modal-address{
color: #ffffff;
width: 100%;
margin: 10px 34px;
}
.modal-header2{
background-color: #f3f3f3;
}
/*  end modal 2 */
/* payment */
.text-light-span{
  color: rgb(190, 190, 190);
}
.card-title-address{
  color: rgb(80, 80, 80);
}
.address-color-blue{
  color: #429FE0;
  font-size: 15px;
}
.div-color-address{
  color: rgb(80, 80, 80);
}
.text-tilte-address{
  font-size: 18px;
  color: rgb(158, 158, 158);
}
/* end payment */
/* code */
.form-code{
width: 100%;
}
.font-text-code{
font-size: 14px;
color: rgb(71, 71, 71);
line-height: 25px;
text-align: center;
}
.change-number{
color: #00A1E3;
}


.form-control-1{
width: 60%;
padding: 0px !important;
margin: 0px !important;
border: none;
border-radius: 0px;
border-bottom: 1px solid black;}
/* end code */
/* edit address */
.link-addnewaddress{
  text-decoration: none;
  color: gray;
  font-size: 15px;
}
.icon-address-col-1{
  color: #00A1E3;
}
.card-body-edit{
padding: 0px 15px !important;
}
.edit-delete{
margin-top: 10px;
position: absolute;
left: 10px;
margin-top: 80px;
}
/* orginall */
.rtl{
direction: rtl;
}
/* cart m*/

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.otp-bg-white{
background-color: white;
border-radius: 5px;
margin-top: 20px;
padding: 0px 5px;
}
.accordion2{
position: relative;
padding: 10px 10px;
}
.icon-link-nexpage{
position: absolute;
left: 0;
padding-left: 5px;
margin-top: 25px;
}
.text-accordion2{
font-size: 15px;
color: gray;
}
.text1-accordion2{
font-size: 15px;
color: rgb(179, 179, 179);
}
.image-row1{
border-radius: 5px;
}
.text1-row1{
font-size: 14px;
}
.text2-row1{
font-size: 12px;
font-weight: normal;
color: rgb(151, 151, 151);
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.text3-row1{
font-size: 13px;
font-weight: normal;
color: rgb(151, 151, 151);
font-family:yekan;
}
.button-continue-pay{
padding:15px 60px;
border-radius: 5px;
margin-right: 0px;
height: 100%;
width: 100%;
border: none;
background-color: #37c7b3;
color: white;

}
.div-button-continuepay{
padding-right: 0px !important;
}
.icon-headphon{
font-size: 250%;
position:absolute;
left: 10px;
color: gray;

}
.footer-fixed{
position: fixed;

 bottom: 0;
 width: 100%;
}
/* header */
.top-container {
background-color: #f1f1f1;
padding: 30px;
text-align: center;
}







/* pay*/
.row-address-pay{
border-top: 1px solid rgb(236, 236, 236);
padding: 5px 0px;
}
.header-pay{
margin-bottom: 0px !important;
}
.icon1:before {
content: " ";
position: absolute;
width: 24%;
height: 2px;
background-color: #3eaaf1;
right: 0px;
margin-top: 5px;
z-index: -1;
}
.icon1:after {
content: " ";
position: absolute;
width: 23%;
height: 2px;
background-color: #3eaaf1;
margin-top: 5px;
z-index: -1;
}
.icon2:before {
content: " ";
position: absolute;
width: 26%;
height: 2px;
background-color: #3eaaf1;
right: 48%;
margin-top: 5px;
z-index: -1;
}
.icon1{
color: #0e8bbd;
font-size: 10px;
}
.text-pay-top{
color: #00A1E3;
}
.icon-address-pay{ 
margin-top: -5px;
}
.div-row1-pay{
background-color: white;
border-radius: 5px;
}
.textpay-row1{
font-size: 13px;
font-weight: normal;
color: rgb(165, 165, 165);
font-family:yekan;
padding: 5px 15px;
font-size: 14px;
}
.pay-online{
font-size: 16px;
color: rgb(95, 95, 95);
}
.pay-title-online{
font-size: 14px;
color: #ccc;
}
.discountcode::placeholder
{
color: rgb(99, 99, 99) !important;
text-align: center;
}
.discountcode{
border-radius: 30px;
 padding: 8px 20px; 
 margin: 8px; 
}
.record-discountcode{
padding: 8px 20px;
margin-left:20px;
margin-top: 8px;
border-radius: 20px;
border: none;
background-color:#429FE0;
color: white;
}

/* address */
.add-address-m{
left: 0px;
margin-left: 0px;
border-radius:0px 50px 50px 0px;
}
.header-address-m{
padding-left: 0px;

}
.edit, .delete{
  font-size: 12px;
  color: #505050;
}
.modal-header-edit{
  background-color: #ffffff;
}
  .modal-title-edit{
    color: rgb(46, 46, 46);
    }
    .ostan-edit{
      font-size: 10px;
    }
    .form-control-address-edit{
      color: rgb(194, 194, 194);
      font-size: 14px;
      border-radius: 30px;
      padding: 0px 30px;
      border: none;
      background-color: rgb(236, 236, 236);
    }
    .c-fixed-input-component__field {
      margin-top: 20px;
      margin-right: calc((100% - 300px) /2);
      margin-left: 20px;
      width: 290px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      direction: ltr;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .c-fixed-input-component__field, .p-v-sm {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
  }
  .c-fixed-input-component__field, .c-product__additional-item, .c-product__price-survey-question, .m-v-md {
  
 
  
    }
    


.c-fixed-input-component__const-number, .c-fixed-input-component__phone-container, .c-fixed-input-component__underlines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-fixed-input-component__underlines {
  position: absolute;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.c-fixed-input-component__line{
  height: 56px;
    width: 56px;
    border-radius: 3px;
    border: 1px solid gray;
    z-index: 0;
    font-size: 42px;
    margin-right: 15px;
}
.alert-danger-otp{
margin-top: 22px;
font-size: 14px;
}
.c-fixed-input-component {
  border: none;
  height: 60px;
  font-size: 37px !important;
  letter-spacing: 52px !important;
  width: 260px;
  direction: ltr;
  z-index: 3333333;
   background: none !important;;

}

textarea:focus, input:focus{
  outline: none;
}
.form-container-final{
width: 50%;
margin: 0 auto;
position: relative;
overflow: hidden;
height: 700px;
}


.form_final{
  min-height: 400px;
  width: auto;
  max-width: 340px;
  margin: 20px auto;
  background: #fff;
  border: 2px #f5f5f5 solid;
  padding: 10px 20px;
  position: relative;
}
.text_up{
font-size: 20px;
text-align: center;
}
.text_center{
font-size: 15px;
font-weight: 600;
text-align: center;
}
.icone_button{
margin-top: 52px;
  text-align: center;
  cursor: pointer;
}
.icone_goine{

  border-radius: 9px;
  /* background-color: rgb(255, 255, 255); */
  
  border: 2px solid #e035e0;
  padding: 10px;




}
.icone_complate{

text-align: center;
}


.headline-profile{
position: relative;
  display: inline-block;
  font-size: 16px;
  font-size: 1.143rem;
  line-height: 40px;
  font-weight: 500;
}
.form-profile{
padding-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* position: relative; */

}


.loading-box {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(255,255,255,0.8);
z-index: 100000;
border-radius: 16px;
display: none;
}

.loading-box span.spinner {

  width: 80px;
  height: 80px;
  border: 2px solid;
      border-top-color: currentcolor;
      border-right-color: currentcolor;
      border-bottom-color: currentcolor;
      border-left-color: currentcolor;
  border-color: #6f7377 #6f7377 #6f7377 #f6f6f6;
  border-radius: 50%;
  -webkit-animation: spinner 1s linear infinite;
  animation: spinner 1s linear infinite;
  z-index:100000;

}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.welcome_text {
height: max-content;
margin-top: 20px;
text-align: center;

}
.text_center {
font-size: 19px;
font-weight: 600;
text-align: center;

}
.text-up-success {
margin: 20px 0px;
/* height: 38px; */
font-size: 19px;
font-weight: 500;
text-align: center;

}
.icone_goine {
border-radius: 6px;
border: 1px solid #879198;
background-color: rgb(24, 161, 24);
padding: 14px;
margin: 0px 0px;
text-align: center;
}
.icone_complate {
  border-radius: 6px;
  border: 1px solid #879198;
  padding: 14px; 
  margin: 0px 5px;
}
.button-continue {
color: white;
}
.button-password {
  color: #575757;
  border-radius: 6px;
border: 1px solid #879198;
background-color: rgb(254, 255, 254);
padding: 14px;
margin: 0px 0px;
text-align: center;
  }
.image-login-success {
background-image: url(../image/success-login.svg);
position: relative;
height: 155px;
background-repeat: no-repeat;
left: 25%;
}

.image-login{
  width: auto;
height: inherit;
}

.image-login img{
  /*max-width: 150px;*/
}

.image-login a {
  display: inline-block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* new */
.form-container-fill-form{
  margin: 0 auto;
  position: relative;
 
  }

  .form_otp {
    width: auto;
    max-width: 340px;
    margin: 20px auto;
    background: #fff;
    border: 2px whitesmoke solid;
    padding: 11px;
    position: relative;
    text-align: center;
    min-height: 410px;
  }
  .form_register {
    width: auto;
    max-width: 340px;
    margin: 20px auto;
    background: #fff;
    border: 2px whitesmoke solid;
    padding: 11px;
    position: relative;
    text-align: center;
    min-height: 310px;
  }
  
  .form-group .control-label {
  max-width: 150px;
  padding-top: 7px;
  padding-bottom: 5px;
  justify-content: flex-start;
}

.suggest {
  border: 2px solid rgba(128,128,128,.2);
  padding: 1rem .5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  gap: .5rem;
  display: flex;
  font-size: .9rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: .5rem;
  cursor: pointer;
  margin: 12px;
  font-size: 13px;
  height: 90px;
  background-color: #fbfbfb8c;
}
.fa-2x {
  font-size: 2em !important;
}

.iti{
  width: 100% !important;
}

.otp-login-tabs {
  width: 100%;
  max-width: 100%;
  margin: 18px auto 0;
  box-sizing: border-box;
}

.otp-login-tabs__header {
  display: flex;
  width: 100%;
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  background: #f1f5f9;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .06);
  box-sizing: border-box;
}

.form_login .otp-login-tabs__button {
  appearance: none;
  -webkit-appearance: none;
  display: flex !important;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 52px;
  gap: 9px;
  padding: 11px 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #475569 !important;
  cursor: pointer;
  font: inherit;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  box-shadow: none !important;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
  box-sizing: border-box;
}

.form_login .otp-login-tabs__button:not(.is-active):hover {
  color: #0f172a !important;
  background: rgba(255, 255, 255, .72) !important;
}

.form_login .otp-login-tabs__button.is-active {
  color: #fff !important;
  background: linear-gradient(135deg, #20b8e8 0%, #0797dc 100%) !important;
  box-shadow: 0 8px 18px rgba(7, 151, 220, .28) !important;
  transform: translateY(-1px);
}

.form_login .otp-login-tabs__button:focus-visible {
  outline: 3px solid rgba(14, 165, 233, .28) !important;
  outline-offset: 2px;
}

.otp-login-tabs__icon {
  display: inline-flex;
  flex: 0 0 22px;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: currentColor;
}

.otp-login-tabs__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.otp-login-tabs__panel {
  display: none;
  padding-top: 18px;
}

.otp-login-tabs__panel.is-active {
  display: block;
  animation: otp-tab-panel-in .22s ease both;
}

.otp-login-tabs__panel > .form-label {
  display: block;
  margin: 0 0 10px !important;
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
  text-align: start;
}

@keyframes otp-tab-panel-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .otp-login-tabs__header {
    gap: 4px;
    padding: 4px;
    border-radius: 14px;
  }

  .form_login .otp-login-tabs__button {
    min-height: 48px;
    gap: 7px;
    padding: 9px 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  .otp-login-tabs__icon {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .form_login .otp-login-tabs__button,
  .otp-login-tabs__panel.is-active {
    animation: none;
    transition: none;
  }
}

.otp-terms {
  margin: 20px 0;
  color: #555;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}

.otp-terms + .justify-content-center {
  margin-top: 0 !important;
}

.otp-terms a {
  color: #0d6efd;
  text-decoration: underline;
}

.otp-standalone-page {
  min-height: 100vh;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  box-sizing: border-box;
}

.otp-standalone-page,
.otp-standalone-page input,
.otp-standalone-page button,
.otp-standalone-page select,
.otp-standalone-page textarea {
  font-family: iranyekan, Tahoma, Arial, sans-serif;
}

.otp-standalone-shell {
  width: 100%;
  max-width: 420px;
  margin: auto;
}

.otp-standalone-page .form-container-otp,
.otp-standalone-page .form-container-verify,
.otp-standalone-page .form-container-fill-form,
.otp-standalone-page .form-container-password {
  width: 100%;
}

.otp-standalone-page .form_login,
.otp-standalone-page .form_verify,
.otp-standalone-page .form_register,
.otp-standalone-page .form_password {
  width: 100%;
  max-width: 420px;
  min-width: 0;
  margin: 0 auto;
  padding: 32px 34px;
  border: 1px solid #ededed;
  border-radius: 22px;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.otp-standalone-page .image-login img {
  max-width: 150px;
  max-height: 105px;
  object-fit: contain;
}

.otp-standalone-page .form-control-otp {
  height: 52px;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  font-size: 18px;
  padding: 10px 16px;
}

.otp-standalone-page .iti__selected-dial-code {
  font-size: 18px;
  line-height: 1;
}

.otp-standalone-page .btn_otp {
  min-height: 52px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 640px) {
  .otp-standalone-page {
    padding: 16px;
  }

  .otp-standalone-page .form_login,
  .otp-standalone-page .form_verify,
  .otp-standalone-page .form_register,
  .otp-standalone-page .form_password {
    padding: 28px 20px;
    border-radius: 20px;
  }
}
