:root{
    --main-bg  : #171e26;
    --main-bg1 : #212633;
    --main-bg2 : #29303d;
    --main-bg3 : #242430;
    --cl-yelow : #f1c524;
    --cl-yelow1 : rgb(250 255 0 /1);
    --cl-yellow1 : #f1c524;
    --cl-white : #FFFFFF;
    --cl-black : #000000;
    --cl-gray  : #70798a;
    --cl-gray1  : #2c2e3b;
    --cl-red  : #F6465D;
    --cl-green : #3cc647;
    --popuphome : #000000a8;




    --bdrd-big : 0.75rem;
    --bdrd-sm : 0.35rem;

    --w-bd-center : 768px;
  }

  footer.app__footer .app__footer-main-login .bt-footer {
    color: var(--cl-white);
  }

  footer.app__footer .app__footer-main-login .bt-footer i:not(.fa-house-user) {
    font-size: 18px;
    line-height: 2rem;
    color: var(--cl-yelow);
  }
  
  footer.app__footer .app__footer-main-login .bt-footer i.fa-house-user{
    color: var(--cl-white);
  }
  
  .bb{
    width: calc(4.5rem + 37px);
    height: calc(4.5rem + 37px);
  }

  .btn-login{ 
    background: var(--cl-yellow1);
  }

  .app__body.login, .app__body.register{
      background: url(../images/alltemp/i-login/bg_b1.png);
      background-size: cover;
  }
  .samhokha-login__bg-main{
      background: #0101015e;
      /* background: linear-gradient(233deg, rgb(0 0 0 / 60%) 10.23%, rgb(41 41 41 / 35%) 60%, rgb(0 0 0) 82.02%); */
      border-radius: 30px;
      padding: 50px 40px;
      position: relative;
      transition: all 0.3s ease;
      border: 1px solid #00000057;
      z-index: 10;
      animation: cyber-entrance 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  @keyframes cyber-entrance {
      from {
          opacity: 0;
          transform: scale(0.8) rotateY(90deg);
      }
      to {
          opacity: 1;
          transform: scale(1) rotateY(0deg);
      }
  }

  .samhokha-login__bg-main i{ color: #f1c524;}
  .samhokha-login__bg-main .text-app_green{ color: #FFFFFF !important; }
  .samhokha-login__bg-main button:hover {
      box-shadow: 
          rgb(60, 60, 60) -2.92857px 2.53781px 60px, 
          rgb(0, 0, 0) 2.92857px -2.53781px 60px;
  }