.form-submit.green{
    color: #E4E2DC;
    background: #2C3428;
}
.form-btns{
  width: 100%;
  display: flex;
  gap:20px;
  margin-top: 30px
}
.popup_login .group-input input{
  padding-left: 4px;
}
.popup.popup_login>.textalignleft{
  text-align: left;
    margin-left: 0;
}
.group-input{
  position: relative;
}

.group-input input:read-only+span {
    font-size: 11px;
    color: #9fa18b;
    position: absolute;
    left: 5px;
    bottom: -18px;
}
.group-input input:read-only{
    cursor: no-drop;
    opacity: 0.5;
}
.popup_login .group-input label {
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #9FA18B;
    -webkit-transition: .3s linear;
    transition: .3s linear;
}
.popup_login{
  padding: 60px;
    width:500px;
}
#edit-address-form select.form-input{

    margin-left:  4px;
}
.popup_login select.form-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
      padding-left: 4px;
    position: relative;
    width: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right center; /* Добавляет стрелку */
    background-size: 20px 20px;
}

#popup_create_account{
    width:696px;
}
#otherfield{
  display: none;
}
.popup_login .form-input{

    height: 42px;
}
.popup_login h3{
  color: #2C3428;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 20px;
}
.popup_login#popup_thanks{
  text-align: center;
}
.popup_login#popup_thanks .text {
    max-width:100%;
}
.popup_login .error-message-popup-pending a,
.popup_login .error-message-popup a,
.popup_login#popup_thanks a{
  color: #2C3428;
}
.popup_login h4 {
    color: #2C3428;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
}
.form-btns .form-submit span{
  position: relative;
}
.popup_message{
  margin-top: 10px
}
.form-btns .form-submit span::after{
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3CradialGradient id='a12' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%23FFFFFF' stop-opacity='.9'%3E%3C/stop%3E%3Cstop offset='.6' stop-color='%23FFFFFF' stop-opacity='.6'%3E%3C/stop%3E%3Cstop offset='.8' stop-color='%23FFFFFF' stop-opacity='.3'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'%3E%3C/stop%3E%3C/radialGradient%3E%3Ccircle transform-origin='center' fill='none' stroke='url(%23a12)' stroke-width='23' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'%3E%3CanimateTransform type='rotate' attributeName='transform' calcMode='spline' dur='2' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle transform-origin='center' fill='none' opacity='.2' stroke='%23FFFFFF' stroke-width='23' stroke-linecap='round' cx='100' cy='100' r='70'%3E%3C/circle%3E%3C/svg%3E");
  opacity: 0;
  width: 18px;
  height: 18px;
  right: 0;
  top:0;
  bottom: 0;
  right: -25px;
}
.form-btns .form-submit.loading span:after{
  opacity: 1;
}
.error-message-popup-pending,
.error-message-popup{
  margin-top: 10px
}

.popup_login .text p,
.popup_login .text{
  color: #2C3428;
  font-size: 14px;
  font-weight: 500;
  margin: auto;
  line-height: 20px;
  max-width: 240px;
  margin-bottom: 10px;
}
.popup_login .text p{
  max-width: 100%;
}
.popup_login .form-submit{
  padding: 18.5px 17px;
  text-align: center;
  text-decoration: none;
}
.popup_login .link{
  color: #9FA18B;
  font-family: Sofia Pro;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration-line: underline;
}
.my-account-trade-template .form-group,
.popup_login .form-group{
  margin-bottom: 20px
}
.form-flex{
  display: flex;
  gap:20px;
}
.form-group-input{
  width: 100%;
  max-width: 50%
}
.form-group.already-have{
    margin-top: 25px;
    margin-bottom: 0;
}
.form-group.already-have span{
    color:#9FA18B;
    font-size: 14px;
    font-weight: 400;
}
.popup_login .form-group.form-group-forgot_password{

  margin-bottom: 0;
  margin-top: 25px;
}
.my-account-trade-template div.invalid,
.popup_login div.invalid {
  color: red;
  font-size: 12px;
  margin-top: 5px;
  position: absolute;
  bottom: -20px;
}
.form-btns button:after{
  display: none;
}
html .fancybox-is-open .fancybox-bg {
    opacity: 0.7;
    background: var(--Black, #000);
}
.password-container {
  position: relative;
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}
.password-toggle svg{
  width: 22px;
  height: 22px
}

@media (max-width: 1150px) and (min-width: 850px){
  .popup_login h3 {
    font-size: 30px;
  }
  #popup_create_account,
  .fancybox-stage .popup {
    width: 824px;
    padding: 60px 70px;
  }
  .popup_login h4 {
      font-size: 24px;
  }
  .popup_login .form-input {
      height: 60px;
  }
  .popup_login .form-input,
  .popup_login .group-input label {
    font-size: 20px;
  }
  .my-account-trade-template div.invalid, .popup_login div.invalid {
    font-size: 14px;
  }
}
@media (max-width: 900px){
  .woocommerce-account .my-account-trade-template .woocommerce-MyAccount-content,
   .woocommerce-account .my-account-trade-template  .woocommerce-MyAccount-navigation {
      float: none;
      width: 100%;
      margin: 0
  }
  .woocommerce-account .my-account-trade-template .woocommerce-MyAccount-content{

    margin-top: 40px;
  }
  .totalvalue {
      font-size: 30px;
      line-height: 30px;
  }
}
@media (max-width: 600px){
  .popup_login.fancybox-content {
    padding: 20px;
  }
  .popup_login h3 {
      font-size: 20px;
      margin-bottom: 10px;
  }
  .my-account-trade-template .form-group, .popup_login .form-group {
      margin-bottom: 10px;
  }
  .form-btns {
      gap: 10px;
      margin-top: 10px;
      flex-direction: column;
  }
  .form-group-input {
      width: 100%;
      max-width: 100%;
  }
  .form-flex {
      display: flex;
      gap: 10px;
      flex-direction: column;
  }
  .woocommerce-account .my-account-trade-template .woocommerce-MyAccount-content,
  .woocommerce-account .my-account-trade-template  .woocommerce-MyAccount-navigation {
      float: none;
      width: 100%;
      margin: 0
  }
  .woocommerce-account .my-account-trade-template .woocommerce-MyAccount-content{

    margin-top: 40px;
  }
  .my-account-trade-template .woocommerce-MyAccount-navigation ul li {
margin-bottom: 0;
  }
  .my-account-trade-template .woocommerce-MyAccount-navigation ul li a{
      display: block;
      width: 100%;
      padding: 19px 20px;
      font-weight: 600;
      text-align: center;
      text-decoration: none;
      color: #9FA18B;
      text-transform: uppercase;
      border: 1px solid #9FA18B;
      border-radius: 4px;
      -webkit-transition: .3s linear;
      transition: .3s linear;
      margin-bottom: 10px;
      text-decoration: none;
  }
  .my-account-trade-template .woocommerce-MyAccount-navigation ul li a {
    color: #9FA18B;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    text-decoration: none;
  }
  .my-account-trade-template .woocommerce-MyAccount-navigation ul li.is-active a{

        text-decoration: none;
        border: none
    color: #2C3428;
    border-color: #2C3428;
  }

  .flex-block.third {
      width: 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  .woocommerce-MyAccount-content h3.title-my-account {
      font-size: 20px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .earnings-tier-slider {
      margin-top: 10px;
  }
  .blockBg,
  .third .blockBg {
      padding: 10px 10px 10px;
  }
  .totalvalue {
      font-size: 25px;
      line-height: 30px;
  }
  .woocommerce-account h5.blockBg-title,
  .woocommerce-account .earnings-tier h5 {
      margin-bottom: 15px;
  }
  .btns-coupons {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-direction: column;
  }
  .woocommerce .woocommerce-MyAccount-content .btns-coupons .btn{

    width: 100%
  }
  .order-status {
    font-size: 10px;
    width: 100%;
    padding: 3px;
    min-width: 100%;
  }
  .item-order .order-status {
      min-width: 100px;
      max-width: 100px;
  }
  .account-order-table-column {
      font-size: 12px;
      line-height: 1;
  }
  .account-order-table-body .account-order-table-row {
      padding: 10px 0;
  }
  .my-account-trade-template {
      margin-top: 105px;
  }
  .my-account-trade-template h3.my-account-title {
      padding-bottom: 5px;
      margin-bottom: 15px;
      font-size: 20px;
  }
  .woocommerce-account .description-my-account {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 25px;
  }
  .blockBg {
      overflow: hidden;
  }
  .item-order-center {
      width: 48%;
  }
  .item-order-left,
  .item-order-right {
    font-size: 12px;
    line-height: 14px;
  }
  .item-order-row {
      gap: 5px;
      padding: 5px 0;
  }
  .item-order-center,
  .item-order-total,
  .item-order-center .property-list__value ul {
      font-size: 12px;
      line-height: 14px;
  }
  .fancybox-slide.fancybox-slide--video {
    padding: 10px;
  }
}