.elementor-element.elementor-element-b680d47.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded {
    display: none;
}
.elementor-element.elementor-element-eb0acce.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    display: none;
}
@font-face {
  font-family: vazir;
  src: url(fonts/Vazirmatn-RD-Regular.ttf);
}
h1{
    font-size: 1.9 rem;

}

h2{
    font-size: 1.6 rem;
}
.sign-req {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
} 
.over-req {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
} 
    #cig-form {
        margin: 0 auto;
        padding: 10px;
        border-radius: 20px;
        text-align: center;
    }
    
#b_card {
    max-width: 450px;
    margin: 30px auto;
    padding: 30px 30px;
    border-radius: 20px;
    box-shadow: 0 10px 0px rgb(212, 212, 212);
    background: linear-gradient(114deg, rgb(90 120 255) 0%, rgba(0, 255, 239, 1) 100%);
    text-align: center;
}
    #cig-form {
        font-size: 16px;
        border-radius: 10px;
        margin: 5px 5px;
        padding: 10px 5px;
        
    }
    #cig-form input[type="text"] {
        width: 60px;
       border: 1px solid #ccc;

        
            padding: 10px 10px;
    margin: 0px 5px;
    border-radius: 5px;
        
    }
    #cig-form input[name="card_name"] {
        width: 285px;
       border: 1px solid #ccc;
        text-align: center;
        border-radius: 5px;
        margin: 13px 5px;
        padding: 10px 5px;

    }
    #cig-form input[name="card_shaba"] {
        width: 285px;
        border: 1px solid #ccc;
        text-align: center;
        border-radius: 5px;
        margin: 5px 5px;
        padding: 10px 5px;

    }
    
    #btn-box{
      position: static;
    display: flex;
    padding-bottom: -6px;
    margin-top: -76px;
}
    
    #btnn {
        margin: 5px;
        border: none;
        cursor: pointer;
        font-size: 20px;
        background-color: #00000073;
    color: rgb(255, 255, 255);
    padding: 10px 17px;
    border-radius: 100px;

    }
    
    #cig-form button {
        background-color:#000;
        color:rgb(255, 255, 255);
        padding: 10px;
        margin: 30px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        font-size: 20px;
    }
    
    #cig-form button:hover {
        background-color:rgb(42, 29, 160);

    }

    label {
    margin: 9px;
    color: white;
}

#stiky{
  position:absolute;
  height:100vh;
  width:100vw;
  top:0;
  background-color: #00000094;
  display: flex;
  align-items: center;
  justify-content: center;

}
#result{

  background-color: #fff;
     border-radius: 20px;
    padding: 10px;
}


#ex_card{
  width:500px;
}

#txt-rslt {
    display: flex;
    flex-direction: column;
    align-items: end;
}
    /* CSS برای GIF لودینگ */
    #loading {
        display: none; /* به طور پیش‌فرض پنهان است */
        text-align: center;
        margin-top: 20px;
    }


.his_card {
    height: 130px;
    padding: 10px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-color: #cbe0da;
}
.catd_data {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.his_arch {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.main-cont {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-family: vazir;
}

.tmbn_card{
    width: 100px;
    height: 100px;

}

.profile {
    display: flex;
    gap: 5px;
}
.profile-data {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
.side_bar {
    /*display: none;*/
}

#man_box {
    position: fixed;
    background-color: white;
    top: 0px;
    left: 0; 
    direction: ltr;
    height: 100vh;
    align-content: center;
      width: 100%; 
}
}
@media only screen and (min-width: 769px) {
.side_bar {
    /*height: 100vh; */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    direction: rtl;
}
#man_box {
    position: fixed;
    background-color: white;
    top: 0px;
    left: 0;
    direction: ltr;
    height: 100vh;
    align-content: center;
      width: 100%; 
}
}


ul {
  padding: 0;
  list-style-type: none;
}

#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 25px;
  left: 0px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{ 
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
  opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);

}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);

}

#menu
{
  background-color: white;
  position: absolute;
  min-width: 300px;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -50px;
  padding: 30px;
  -webkit-font-smoothing: antialicased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

/*#menu li*/
/*{*/
/*  padding: 10px 0;*/
/*  transition-delay: 2s;*/
/*}*/

#menuToggle input:checked ~ ul
{
  transform: none;
}