.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;
  
  
}
.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;
}
.title_password {
 
  height: 55px;
}
.form-control-otp {
  height: 40px;
  border-radius: 4px;
  width: 100% !important;
}
.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: 1.379rem;
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;
}
.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;
}
.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-top: 20px;
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;*/
}

/* 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: 15px;
  height: 90px;
  background-color: #fbfbfb8c;
}
.fa-2x {
  font-size: 2em !important;
}

.iti{
  width: 100% !important;
}