* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* color */
    --bg-site: #303c69;
    --white-color:#ffff;

    /* shadow */
    --shadow: 0 1px 3px 0 rgba(239, 233, 233, 0.925), 0 1px 2px -1px rgba(247, 245, 245, 0.824);
}

@font-face {
    font-family: 'shabnam-fa-num';
    src: url('./assets/font/shabnam-fa-num/Shabnam-Light-FD.eot') format('eot'),
        url('./assets/font/shabnam-fa-num/Shabnam-Light-FD.ttf') format('true type'),
        url('./assets/font/shabnam-fa-num/Shabnam-Light-FD.woff') format('woff'),
        url('./assets/font/shabnam-fa-num/Shabnam-Light-FD.woff2') format('woff2');
}

@font-face {
    font-family: 'shabnam-en-num';
    src: url('./assets/font/shabnam-en-num/Shabnam-Light.eot') format('eot'),
        url('./assets/font/shabnam-en-num/Shabnam-Light.ttf') format('true type'),
        url('./assets/font/shabnam-en-num/Shabnam-Light.woff') format('woff'),
        url('./assets/font/shabnam-en-num/Shabnam-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'shabnam-title';
    src: url('./assets/font/shabnam-title/Shabnam-Bold-WOL.eot') format('eot'),
        url('./assets/font/shabnam-title/Shabnam-Bold-WOL.ttf') format('true type'),
        url('./assets/font/shabnam-title/Shabnam-Bold-WOL.woff') format('woff'),
        url('./assets/font/shabnam-title/Shabnam-Bold-WOL.woff2') format('woff2');
}

body {
    font-family: 'shabnam-fa-num';
    /* background: var(--bg-site); */
    background-image: url('../images/blue-gradient-background-6517.jpeg');
    position: relative;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin-bottom: 0;
}
.content {
    padding: 20px 0;
}
.title {
    font-size: 28px;
    color: var(--white-color);
}
.font-w700 {
    font-weight: 700;
}
.font-w500 {
    font-weight: 500;
}
.py-28 {
    padding: 28px 0;
}

.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(217, 216, 216); 
    border-radius: 8px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(59, 123, 150); 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(43, 90, 110); 
  }
  .border-container {
    border:  1px solid rgb(255, 255, 255,0.3);
    margin-top: 16px;
    border-radius: 8px;
  }
  .pointer {
    cursor: pointer;
  }
@media only screen and (min-width: 100px) and (max-width: 900px) {
    .title {
        font-size: 14px;
        color: var(--white-color);
        margin-bottom: 16px;
    }
}