.membership{
    color:blue; cursor:pointer; font-size:10px;
}

.newsHorizentalFrame{
    width:100%; overflow-x:scroll; overflow-y:hidden;
}
.newsBox{ 
    display:inline-block; width:300px; height:140px; padding:5px; margin:20px; box-shadow:5px 5px 15px #2f577c;
    border-radius:10px; background-color:rgb(47,87,124,0.9); cursor:pointer;
    vertical-align:text-top; font-family:aviny; font-size:20px; color:white; text-shadow:-1px 0 #173b5d, 0 1px #173b5d, 1px 0 #173b5d, 0 -1px #173b5d;
}
.newsImg{ 
    width:auto; height:110px; margin:3px; border-radius:10px; vertical-align:middle; opacity:0.7;
}
.newsBoxInnerDiv{
    display:grid; align-items:center; padding:0; grid-template-columns:auto auto; grid-column-gap:0px;
}
.newsBoxInnerBorder{
    width:300px; height:130px; display:table-cell; vertical-align:middle; border:2px solid rgb(147,187,224,0.5); border-radius:8px; padding:5px;
}
.HomePageTozihaatDokme {
    padding:15px; border:2px solid rgb(147,187,224,0.5); background-color:rgb(255,255,255,0.9);
    border-radius:10px; text-align:justify; position:relative;
    margin:0 0px 0 0; display:none; color:#173b5d; width:90%;
}
.HomePageTozihaatClose {
    position:absolute; left:0; top:0; padding:5px 10px; margin:5px; color:rgb(47,87,124,0.9); font-size:24px; cursor:pointer;
}

.HomePageTozihaatButton{ 
    display:inline-block; width:200px; height:200px; padding:10px; margin:20px; box-shadow:5px 5px 15px #2f577c;
    border-radius:10px; background-color:rgb(47,87,124,0.9); cursor:pointer;
    vertical-align:text-top; font-family:aviny; font-size:30px; color:white; text-shadow:-2px 0 #173b5d, 0 2px #173b5d, 2px 0 #173b5d, 0 -2px #173b5d;
}
.HomePageTozihaatButton div{
    display:table-cell; width:180px; height:180px; vertical-align:middle; border:2px solid rgb(147,187,224,0.5);
    border-radius:10px; 
}
.HomePageTozihaatDokme0 {
    padding:15px; border:2px solid rgb(147,187,224,0.5); background-color:rgb(255,255,255,0.9);
    border-radius:10px; text-align:justify; position:relative;
    margin:0 20px 0 0; display:none; color:#173b5d;
}
.HomePageTozihaatClose0 {
    padding:5px 10px; margin:5px; color:white; border:2px solid rgb(147,187,224,0.5); background-color:rgb(47,87,124,0.9);
    border-radius:5px; position:absolute; left:0; top:0;
}

.mablagh{text-decoration:none; font-size:10px;}
.soldSign{position:absolute; left:15px; top:23px; margin:0 6px; top:0;}
.activeKey   {margin:5px 5px 5px -25px; z-index:1;  color:white;   background-image:linear-gradient(#173b5d, #2f577c);}
.banafsh {background-image:linear-gradient(#173b5d, #2f577c); color:white;}
.sefid {background-image:none; color:#173b5d;}
.key {cursor:pointer; display:inline-block; border-radius:50px; padding:10px 20px; min-width:150px; box-shadow:0px 0px 5px 2px grey;}
.activeKey {margin:5px 5px 5px -25px; z-index:1;  color:white;   background-image:linear-gradient(#173b5d, #2f577c);}
.inactiveKey {margin:5px 5px 5px -25px;   z-index:-1; color:#173b5d; background-image:none; clip-path:inset(-5px 8px -5px -5px);}
.inputBox {border:1px solid lightgrey; padding:10px; margin:20px; border-radius:50px; width:calc(100% - 50px); text-align:center; font-size:18px;}
.oneKey {cursor:pointer; display:inline-block; color:white; border-radius:50px; padding:10px 20px; min-width:150px; box-shadow:0px 0px 5px 2px grey; margin:5px; background-image:linear-gradient(#173b5d, #2f577c);}
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.1);
    background-color:transparent;
}

::-webkit-scrollbar {
    width: 5px;
    background-color:transparent;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(23,59,93,0.2);
}

::-webkit-scrollbar-thumb {
    background-color:rgba(255, 255, 255, 0.2);
    cursor:pointer;
}

* {scrollbar-width: thin; scrollbar-color: rgb(255,255,255,0.2) rgb(255,255,255,0.1);}

@media screen and (max-width: 800px) {
    .limitedWidth{width:85vw;}
    .inputCard{width:calc(100% - 10px); height:100%; border:none; text-align:center; font-size:20px;}
    .inputCardDiv{width:calc(80vw + 10px); height:calc(28vw + 10px); border:2px solid darkgrey; border-radius:5px; padding:5px; box-shadow:3px 3px 2px; background-color:white; position:relative;}
    .inputCardDivCover{position:absolute; top:0; left:0; width:80vw; height:20vh; background-color:white; opacity:0.01;}

    .sideNavMenu { display:block; z-index:40001; top:22vh; right:-100px; width:0; height:78vh; position: fixed; background-image:linear-gradient(#2f577c, #173b5d); color:white; overflow-x: hidden; transition: 0.5s; padding: 60px 5px 0 0; }
    .sideNavMenu a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: white; display: block; transition: 0.3s; }
    .sideNavMenu a:hover { color: #f1f1f1; }
    .sideNavMenu .closeMenuBtn { position:-webkit-sticky; position:sticky; top: 0; font-size: 36px; }

    .loginRadius{ border-radius:4vh 4vh 0 0; display:block;  width:100%;}
    .tablighRadius{ border-radius:0 0 4vh 4vh; display:block;  width:100%;}
    .menuRadius{ border-radius:0 0 0 4vh; display:block; width:100vw; height:22vh; padding:4vh; box-shadow:0px 4px 6px grey;}
    .stickyTop{position:sticky; position: -webkit-sticky; top:-4vh; background-color:#fffff9;}
    .menuItemText { font-size:3.1vw; padding:10px 0; cursor:pointer; }
    .menuOnvaaneItem { font-family:aviny; font-size:3.5vw; color:pink; text-align:center; border-bottom:1px dashed pink; margin-top:20px; }
    .logoText{ font-family:aviny; font-size:4vh; top:2.5vh; right:26vw; position:absolute;}
    .logoTopRight{ position:absolute; top:1vw; right:1vw; width:24vw; height:auto; }
    .user{ position:absolute; left:-2vw; top:2vh; width:40vw; height:20vh; }
    .userPic{ width:10vw; height:10vw; border:2px dashed lightblue; border-radius:50%; background-color:white; }
    .userName{ position:absolute; top:0; right:10vw; font-size:2vh; color:lightblue; }
    .etebaar{ position:absolute; border:1px dashed white; border-right:none; border-left:none; border-bottom:none; top:12.5vh; left:-1vw; width:69vw; padding-top:1vh; font-size:3vh; }
    .content{ position:absolute; top:22vh; right:9.3vw; width:90vw; height:78vh; overflow-x:auto; }
    .baner{ position:absolute; top:21vh; right:0vw; width:13vw; height:10vw; z-index:10000;}
    .paaye{ position:absolute; top:calc(22vh + 8vw); right:1.7vw; font-size:0.8vw; }
    .logout { position:absolute; top:13.5vh; left:1vw; width:69vw; color:pink; font-size:1.7vh; text-align:right;}

    .book { position:relative; display:inline-block; width:70vw; height:43vw; margin:10px;
            border-radius:10px; box-shadow:2px 2px 3px 4px lightgrey;
            background-size:cover; background-repeat:no-repeat;
    }
    .bImg { position:absolute; left:5vw; top:3vw; box-shadow:-2px -2px 2px 1px; border-radius:4px; }
    .bCod { position:absolute; left:5vw; top:24vw; font-size:2vw; }
    .bNam { position:absolute; right:5vw; top:3vw; font-family:aviny; font-size:5vw; display:inline-block; max-width:32vw; }
    .bRsh { font-family:aviny; font-size:3.5vw; }
    .bPaa { font-family:aviny; font-size:3.5vw; }
    .bNobr{ display:inline-block; min-width:19.8vw; }
    .bKeys{ position:absolute; left:2vw; top:30vw; width:20vw; font-size:3vw; color:#2f577c; }
    .bKey1{ position:absolute; right:4vw; top:28vw; font-size:3vw; color:#2f577c; cursor:pointer; }
    .bKey2{ position:absolute; left:4vw;  top:28vw; font-size:3vw; color:#2f577c; cursor:pointer; }
    .bKey3{ position:absolute; left:2vw; top:35vw; width:68vw; font-size:3vw; color:#2f577c; cursor:pointer; }
}
@media screen and (min-width: 801px) {
    .limitedWidth{width:35vw;}
    .inputCard{width:calc(100% - 10px); height:100%; border:none; text-align:center; font-size:20px;}
    .inputCardDiv{width:45vw; height:15vw; border:2px solid darkgrey; border-radius:5px; padding:5px; box-shadow:3px 3px 2px; background-color:white; position:relative;}
    .inputCardDivCover{position:absolute; top:0; left:0; width:calc(45vw + 10px); height:calc(20vh + 10px); background-color:white; opacity:0.01;}
    
    .sideNavMenu { display:none; }
    
    .loginRadius{ border-radius:0 4vh 4vh 0; display:table-cell;  width:50%;}
    .tablighRadius{ border-radius:4vh 0 0 4vh; display:table-cell;  width:50%;}
    .menuRadius{ border-radius:4vh 0 0 0; display:table-cell; width:25vw; height:100vh; padding:4vh; box-shadow:-4px -4px 6px grey;}
    .stickyTop{position:sticky; position: -webkit-sticky; top:-4vh; background-color:#fffff9;}
    .menuItemText { font-size:1.1vw; padding:10px 0; cursor:pointer; }
    .menuOnvaaneItem { font-family:aviny; font-size:1.5vw; color:pink; text-align:center; border-bottom:1px dashed pink; margin-top:20px; }
    .logoText{ font-family:aviny; font-size:2.5vw; top:0vw; right:10vw; position:absolute; }
    .logoTopRight{ position:absolute; top:1vw; right:1vw; width:10vw; height:auto; }
    .user{ position:absolute; right:11vw; top:5.5vw; width:12vw; height:7vw; }
    .userPic{ width:4vw; height:4vw; border:2px dashed lightblue; border-radius:50%; background-color:white; }
    .userName{ position:absolute; top:0; right:0vw; font-size:1.5vw; color:lightblue; }
    .etebaar{ position:absolute; border:1px dashed white; border-right:none; border-left:none; top:11.5vw; right:-1vw; width:25vw; }
    .content{ position:absolute; top:0; right:25.7vw; width:72vw; height:100vh; overflow-x:auto; }
    .baner{ position:absolute; top:13.5vw; right:0vw; width:10vw; height:7vw; }
    .paaye{ position:absolute; top:19vw; right:1.3vw; font-size:0.7vw;}
    .logout { position:absolute; top:18vh; right:8vw; color:pink; font-size:1vw; text-align:right; }

    .book { position:relative; display:inline-block; width:360px; height:200px; margin:10px;
            border-radius:10px; box-shadow:2px 2px 3px 4px lightgrey;
            background-size:cover; background-repeat:no-repeat;
    }
    .bImg { position:absolute; left:25px; top:25px; box-shadow:-2px -2px 2px 1px; border-radius:4px; }
    .bCod { position:absolute; left:25px; top:115px; font-size:10px; }
    .bNam { position:absolute; right:25px; top:15px; font-family:aviny; font-size:26px; display:inline-block; max-width:240px; }
    .bRsh { font-family:aviny; font-size:18px; }
    .bPaa { font-family:aviny; font-size:18px; }
    .bNobr{ display:inline-block; min-width:190px; }
    .bKeys{ position:absolute; left:10px; top:150px; width:340px; font-size:16px; color:#2f577c; }
    .bKey1{ position:absolute; right:20px; top:140px; font-size:16px; color:#2f577c; cursor:pointer; }
    .bKey2{ position:absolute; left:20px;  top:140px; font-size:16px; color:#2f577c; cursor:pointer; }
    .bKey3{ position:absolute; left:10px; top:165px; width:340px; font-size:16px; color:#2f577c; cursor:pointer; }
}




.goldenText{
  background: -webkit-repeating-linear-gradient( 105deg, #ffb338 0% , #77571d 5%, #ffb338 12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

* {
  box-sizing: border-box;
}

.wrapper {
  display: grid;
  grid-template-areas: 'overlap';
  place-content: center;
  text-transform: uppercase;
  padding: 10px 20px;
}
.wrapper > div {
  background-clip: text;  
  -webkit-background-clip: text;
  color: #363833;
  font-weight: 900;
  /*font-size: clamp( 3em, 8vw, 5rem);*/
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;
}
div.bg {
  background-image: repeating-linear-gradient( 105deg, 
    #ffb338 0% , 
    #3e2904 5%,
    #ffb338 12%);
  color: transparent;
  filter: drop-shadow(5px 15px 15px black);
  transform: scaleY(1.05);
  transform-origin: top;
}
div.fg{
  background-image: repeating-linear-gradient( 5deg,  
    #ffb338 0% , 
    #77571d 23%, 
    #ffb338 31%);
  color: #1e2127;
  transform: scale(1);
}
td{border:1px solid black;}
button{margin:30px; padding:0 20px;}
textarea{font-size:20px; padding:3px;}
.section0{width:calc(100% - 10px); margin:0 5px 10px 5px; padding:5px; background-color:rgb(211,211,211,0.4); border-radius:5px; box-shadow:2px 2px 4px 1px grey;}
.section{width:100%; margin:0 5px 10px 5px; padding:5px; border-radius:5px; box-shadow:2px 2px 4px 1px grey;}
.forSale, .oneCard{position:relative; cursor:pointer; display:inline-block; width:300px; height:200px; background-size:300px 200px; border-radius:7px;}
.pH{width:300px; height:25px; background-color:pink; border-radius:7px 7px 0 0; margin:-10px; padding:2px; color:red; font-size:12px; font-weight:900; text-align:center;}
.forSale{background-image:url("../../flashCard/pics/fCBg.png"); padding:30px 10px 30px 20px;}
.oneCard{background-image:url("../../flashCard/pics/oneCard.png"); padding:10px; margin:5px; color:darkblue; vertical-align:middle; box-shadow:0px 0px 3px; -ms-user-select:none; -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;}
.fcSetTitle{margin:5px 0 0 0; font-size:16px; font-weight:900px; font-family:aviny;}
.vDiv{-webkit-user-select: none; -ms-user-select: none; user-select: none; display:table-cell; width:280px; height:170px; vertical-align:middle; font-weight:700;}
.CId{display:none;}
.fOrSs, .fOrSf{color:red; font-size:13px;}
.saazande{font-size:12px; font-weight:900; color:black;}
.taeedShode{font-size:10px; font-weight:900; padding:2px 4px 1px 4px; margin:0 3px; background-color:red; color:gold;}
.taeedNashode{font-size:10px; font-weight:900; padding:2px 4px 1px 4px; margin:0 3px;}
.azs{cursor:pointer; margin:10px;}
.wordpic{width:32px; height:32px; vertical-align:middle;}
.selectButton{cursor:pointer; border-radius:3px; border:2px solid rgb(200,50,0); padding:3px 0; margin:5px 0; background-color:orange;}
.manbae{background-color:lightgrey; display:inline-block; border:1px solid black; padding:3px; margin:3px;}