/* @font-face { font-family: IRANSansX-Bold; src: url(../../../assets/font/IRANSansX/Webfonts/fonts/woff2/IRANSansX-Bold.woff2) format("woff2"), url(../../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Bold.woff) format("woff"); } @font-face { font-family: IRANSansX-Regular; src: url(../../../assets/font/IRANSansX/Webfonts/fonts/woff2/IRANSansX-Regular.woff2) format("woff2"), url(../../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff) format("woff"); } @font-face { font-family: IRANSansXFaNum-Regular; src: url(../../../assets/font/IRANSansX/Farsi-numerals/IRANSansXFaNum-Regular.ttf) format("woff2"), url(../../../assets/font/IRANSansX/Farsi-numerals/Webfonts/Woff/IRANSansXFaNum-Regular.woff) format("woff"); } :root{ --font1:IRANSansX-Regular; --font2:IRANSansX-Bold; --font3:IRANSansXFaNum-Regular; } */ .eeb-title-box{ width: 100%; display: flex; align-items: center; flex-direction: column; direction: rtl; } .eeb-title-box-title{ font-size: 18px; color: #df1452; font-family: var(--font2); margin-top: 5px; } .eeb-title-box-subtitle{ font-size: 18px; color: #A2B4CB; font-family: var(--font1); margin-top: 3px; } .eeb-name-box, .eeb-level-box, .eeb-date-box, .eeb-guide-box, .eeb-created-box{ width: 100%; display: flex; align-items: center; direction: rtl; padding: 9px 0; border-bottom: 1px solid #F5F5F5; font-family: var(--font1); font-size: 13px; } .eeb-name-box-label, .eeb-level-box-label, .eeb-date-box-label, .eeb-np-box-label, .eeb-qt-box-label, .eeb-mu-box-label, .eeb-et-box-label, .eeb-guide-box-label, .eeb-created-box-label{ color: #A2B4CB; margin-right: 3px; } .eeb-name-box-name, .eeb-level-box-level, .eeb-date-box-date, .eeb-np-box-have, .eeb-qt-box-type, .eeb-mu-box-number, .eeb-et-box-type, .eeb-guide-box-have, .eeb-created-box-file{ margin-right: 3px; color: #132F52; } .eeb-date-box-date{ font-family: var(--font3); } .eeb-date-box-time{ margin-right: 6px; font-family: var(--font3); } .eeb-negetive-point-and-question-type-box,.eeb-max-user-and-exam-type-box{ width: 100%; display: flex; align-items: center; justify-content: space-between; direction: rtl; border-bottom: 1px solid #F5F5F5; } .eeb-np-box,.eeb-qt-box,.eeb-mu-box,.eeb-et-box{ display: flex; align-items: center; direction: rtl; padding: 9px 0; font-family: var(--font1); font-size: 13px; } .eeb-created-box-img-container{ width: 25px; height: 25px; overflow: hidden; border-radius: 50%; } .eeb-created-box-img-container img{ width: 100%; height: 100%; } .eeb-guide-box-link{ color: #df1452; text-decoration: none; margin-right: 5px; cursor: pointer; } .eeb-btn{ width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; color: white; background-color: #df1452; font-size: 20px; font-family: var(--font1); border-radius: 8px; transition: all 0.5s; cursor: pointer; margin-top: 8%; text-decoration: none; transition: all 0.2s; } .eeb-btn:hover{ background-color: #df1452; box-shadow: 0px 0px 15px rgba(0,0,0, 0.3); } .eeb-timer{ width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; background-color: rgb(175, 175, 175); font-size: 14px; font-family: var(--font3); border-radius: 8px; margin-top: 8%; text-decoration: none; direction: rtl; } .eeb-timer div { margin-left: 5px; } @media only screen and (max-width: 800px) { .enter-exam-box{ height: auto; /* aspect-ratio: 0.7/1; */ margin-top: 50px; padding: 25px; border: 0px solid #EBEBEB; border-radius: 8px; background-color: white; margin-bottom: 200px; } } @media only screen and (min-width: 800px) { .enter-exam{ width: 98vw; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; /* background-image: url(../../../assets/azmoon-list/Group895.png); */ background-size: 100% 100%; } .enter-exam-box{ /* width: 466px; */ /* height: 662px; */ /* height: 70vh; aspect-ratio: 0.7/1; */ margin-top: 110px; padding: 25px; border: 2px solid #EBEBEB; border-radius: 8px; background-color: white; } }