:root {
  --sedri: #8d896b;
  --submitGreen: #319e27;
  --sedri-minus2: #aca78380;
  --sedriLight: #8d7f26;
  --border-header: #00000040;
  --borderMenu: #8D896B;
  --titleSection: #303030;
  --textColor: #65624c;
  --black: #000;
  --bgTextArticle: #d3d1c3;
  --moreTxt: #00000082;
  --bgYellow: #ffebb0ab;
  --yellowHover: #ffebb0;
  --bg-mostView: #FFFBEFE0;
  --bg-submenu: linear-gradient(90deg,#E7E4CFBF, #817F74BF);
  --bg-count: #fffbefe0;
  --bg-res-menu: #FFFBEF;
  --yellow-btn: #FFCC33;
  --yellow-plus3:#E5AC00;
  --yellow-plus2: #CC9A03;
  --yellow-plus: #997300;
  --hover-submenu: linear-gradient(#F7E4794A,#74705C63);
  --gradient-before: linear-gradient(0deg, #fff5d7e3 -3.57%, #fff5d72b 96.43%);
  --gradient-nonCelebrities: linear-gradient(#E4E2D3,#9C9B92);
  --gradient-footer: linear-gradient( #E7E4CFBF 75%, #817F745E 37%,#E7E4CFBF 75%);
}
*::-webkit-scrollbar {
    width:8px ;
    height: 10px;
}
*::-webkit-scrollbar-thumb {
    background-color: var(--sedri);
    outline: 0 solid slategrey;
    border-radius: 10px;
}
*::-webkit-scrollbar-track {
    background: var(#fff);
}
input, textarea{
  outline: none;
}
.main-container {
  width: 80%;
  margin-inline: auto;
}
.footer-container {
  width: 75%;
  margin-inline: auto;
}
.containerLeft {
  width: 80%;
}
.dir-ltr{
  direction: ltr;
}
.dir-rtl{
  direction: rtl;
}
.h-vh{
  height: 100vh;
}
footer{
  background: url(../images/bg-image-footer.png)  no-repeat center ;
  background-size: cover;
  background-blend-mode: multiply;
}
@font-face {
  font-family: "black";
  src: url(../font/Estedad-Black.ttf);
}
@font-face {
  font-family: "bold";
  src: url(../font/Estedad-Bold.ttf);
}
@font-face {
  font-family: "extraBold";
  src: url(../font/Estedad-ExtraBold.ttf);
}
@font-face {
  font-family: "medium";
  src: url(../font/Estedad-Medium.ttf);
}
@font-face {
  font-family: "regular";
  src: url(../font/Estedad-Regular.ttf);
}
@font-face {
  font-family: "semibold";
  src: url(../font/Estedad-SemiBold.ttf);
}
@font-face {
  font-family: "Yekan-Bakh-Bold";
  src: url(../font/Yekan-Bakh-Bold.fb96c80e.woff);
}
.font-yekan-fa{
  font-family: "Yekan-Bakh-Bold";

}
.fontFam-semi-bold{
  font-family: 'semibold';
}
.fontFam-regular{
  font-family: 'regular';
}
.fontFam-medium{
  font-family: 'medium';
}
.fontFam-extra-bold{
  font-family: 'extraBold';
}
.fontFam-bold{
  font-family: 'bold';
}
.fontFam-black{
  font-family: 'black';
}
body,
* {
  font-family: "medium";
}
.positionCenter {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.patternSection {
  top: -3 5px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width:648px) {
  .main-container {
    width: 90%;
  }
  .footer-container {
    width: 95%;
  }
}