@charset "utf-8";
/*
Theme Name:bistsho
Theme URI: http://dibapc.com
Version: 2.4
Description: dibapc.com
Author:amir.sheikhzadeh@gmail.com
Author URI: http://dibapc.com
*/
/* css rest   */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	direction: rtl;
	font-size: 14px;
	font-family: IRANSans;
}

* {
	box-sizing: border-box;
	font-weight: 400;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	width: 100%;
}

nav ul {
	list-style: none;
	margin: 0px;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

a { 
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	cursor: pointer;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
    /* border-collapse: collapse; */
    /* border-spacing: 0; */;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 8px 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}
/****font***/
@font-face {
	font-family: 'IRANSans';
	src: url('../fonts/IRANSansXV.woff2') format('woff2'),
         url('../fonts/IRANSansXV.woff') format('woff');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */;
    font-display: swap;
}

* {
	font-family: IRANSans;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--text-color: rgba(4, 10, 31, 0.87);
	--theam-color: #779abe;
	--theam-second-color: #dfeafd;
	--text-second-color: #dfeafd;
}

a {
	text-decoration: none;
}

section {
	width: 100%;
	float: right;
}

header {
	width: 100%;
	float: right;
	padding: 20px 0px;
}


header .header{border: 1px solid #dadada;margin: 30px auto;width: 85vw;border-radius: 16px;left: 0;right: 0;transition: all .25s cubic-bezier(.4,0,.2,1) -.1s;padding: 5px 2.5vw;z-index: 1000001;height: 60px;box-shadow: 0 16px 12px -10px rgba(60,64,67,.08);background: #fff;}
header .header.sticky {position: fixed;width: 100vw;border-radius: 0px;left: 0;right: 0;margin: auto;transition: all .25s cubic-bezier(0.4, 0, 1, 1) -.1s;padding: 3px 2.5vw;top: 0px;}
header .logo {
	float: right;
	width: 15%;
	height: 100%;
}
 
header .logo img {
	width: 80%;
	float: right;
	height: auto;
}

#upimg {
    border-radius: 50%;
}

main {
	width: 100%;
	float: right;
	padding: 20px 0px;
}

main .navbar {
	background: rgb(206,209,252);
	background: linear-gradient(90deg, rgba(206,209,252,1) 0%, rgba(191,204,246,1) 26%, rgba(171,216,255,1) 64%, rgba(148,189,231,1) 100%);
	width: 100%;
	float: right;
	border-radius: 10px;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menuuser{
    float: left;
}
.menuuser span{
    padding: 8px;
} 

.menuuser a.submitbussenes{
    background: var(--theam-secend-color);
    padding: 6px 20px;
    color: #fff;
    border-radius: 25px;
    float: right;
    position: relative;
    z-index: 999;
    margin-left: 10px;
}
.menuuser a.login{
    background: var(--theam-color);
    padding: 6px 20px;
    color: #fff;
    border-radius: 25px;
    float: left;
    position: relative;
    z-index: 999;
}
.menuuser .dropdown-toggle{
    color: #000000;
    font-size: 14px;
    border: 0px solid #ccc;
    z-index: 99;
    position: relative;
}
.menuuser .dropdown-toggle svg{
    display:none
}
.menuuser .dropdown ul.dropdown-menu{
    top: 15px !important;
    width: 220px;
}
.menuuser .dropdown ul li.wallet{
    background: var(--theam-second-color);
    text-align: center;
}
.menuuser .dropdown ul li{
}
.menuuser .dropdown ul li svg{
    float: right;
    margin-left: 5px;
    width: 21px;
}
.menuuser .dropdown ul li a{
    font-size: 14px;
    color: #6c757d;
    line-height: 2;
}
.menuuser .dropdown ul li a:hover{
    color:var(--theam-color);
    background: unset;
}
.menuuser .dropdown ul li a:hover svg{
    fill: var(--theam-color) !important;
}
.menuuser .dropdown ul li span{
    text-align: center;
    width: 100%;
    float: right;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.menuuser .dropdown-toggle::after{
    position: relative;
}
.menu {
    width: auto;
    float: right;
}

.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}

.menu-mobile {
    display: none;
}

.menu-mobile:after {
    font-size: 2.5rem;
    content: "";
    padding: 0;
    width: 40px;
    display: block;
    position: relative;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Crect y='3' style='fill:%23fff;' width='50' height='2'/%3E%3Crect y='17' style='fill:%23fff;' width='50' height='2'/%3E%3Crect y='31' style='fill:%23fff;' width='50' height='2'/%3E%3C/svg%3E");
    height: 31px;
    background-repeat: no-repeat;
    margin: 0 auto;
    top: 11px;
}

.bx-calendar {
    color: #414141;
    font-size: 1.75rem !important;
}

.bxs-file-doc {
    color: #2185d0;
    font-size: 1.75rem !important;
}

.bxs-file-pdf {
    color: #db2828;
    font-size: 1.75rem !important;
}

.menu-dropdown-icon:before {
    content: "";
    display: none;
    cursor: pointer;
    float: right;
    padding: 10px 10px;
    /* background: #d3e7f7; */
    color: #807f7f;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216 v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    height: 40px;
    right: 0px;
    position: absolute;
}

.menu>ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.menu>ul:before,
.menu>ul:after {
    content: "";
    display: table;
}

.menu>ul:after {
    clear: both;
}

.menu>ul>li {
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
}
.menu>ul>li.menu-dropdown-icon{
    padding-left: 15px;
}
.menu>ul>li.menu-dropdown-icon:after {
    float: right;
    padding: 0;
    margin: 0;
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.011 512.011' style='enable-background:new 0 0 512.011 512.011;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 10px;
    height: 10px;
    position: absolute;
    left: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 24px;
}

.menu>ul>li a {
    text-decoration: none;
    padding: 17px 10px;
    display: block;
    color: #000000;
}

.menu>ul>li:hover>a {
    color: #000;
    position: unset;
}

.menu>ul>li.menu-dropdown-icon:hover:after {
    display: none;
}

.menu>ul>li>ul {
    display: none;
    width: 100%;
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.menu>ul>li>ul:before,
.menu>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 33.33%;
    background: none;
    float: right;
}

.menu>ul>li>ul>li a {
    color: #777;
    padding: .4em 0;
    width: 95%;
    font-size: 0.8rem;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu>ul>li>ul>li>ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu>ul>li>ul>li>ul:before,
.menu>ul>li>ul>li>ul:after {
    content: "";
    display: table;
}

.menu>ul>li>ul>li>ul:after {
    clear: both;
}

.menu>ul>li>ul>li>ul>li {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: .8em;
}

.menu>ul>li>ul>li>ul>li a {
    border: 0;
}

.menu>ul>li>ul.normal-sub {
    width: 200px;
    left: auto;
    padding: 5px 10px;
    top: 55px;
    border-radius: 0px 0px 8px 8px;
}

.menu>ul>li>ul.normal-sub>li {
    width: 100%;
}

.menu>ul>li>ul.normal-sub>li a {
    border: 0;
    padding: 5px 0;
}
.menu>ul>li>ul.normal-sub>li a:hover {
color:var(--theam-color)
}

.teacher-banner img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 250px;
}

.teacher-profile-header {
    margin-top: -2rem;
}
.teacher-profile-header img{
    border: 5px solid #ffbb4587;
    width: 120px;
    background:#fff;
    
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
گام به گام (شروع)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.answer-body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f44336;
    width: 100%;
    border-radius: 3px;
    padding: 8px;
    margin: 30px 0;
    float: right;
    width: 100%;
}
.query.left, .reply.left {
    direction: ltr;
    float: none;
    font-weight: 700;
}
.query {
    font-weight: 400;
    font-size: 15px;
}
.reply {
    font-size: 15px;
    color: #1a73e8;
}
.answer-title-box {
    border-bottom: 1px solid #ddd;
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
.single_page .text .citrus { 
    color: #9c0;
}
.darkturquoise {
    color: #14abad;
}
.answer-title {
    color: #f44336 !important;
    font-size: 16px;
    font-weight: 700;
}

.single_page .answer-title .after-img2 {
    right: -9px;
}
.answer-table {
    margin-top: 8px;
    text-align: center;
    border-collapse: collapse;
    width: 100%;
}
.answer-table td, .answer-table th {
    border: 1px solid #ddd;
    padding: 8px;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
گام به گام (پایان)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
	.menu {
		width: auto;
		float: left;
		direction: rtl;
	}

	.menu-container {
		width: 100%;
	}

	.menu-mobile {
		display: block;
	}

	.menu-dropdown-icon:after {
		display: none;
	}

	.menu-dropdown-icon:before {
		display: block;
	}

	.menu>ul {
		display: none;
	}

	.menu>ul>li {
		width: 100%;
        /* float: none; */
		display: block;
	}

	.menu>ul>li:hover>a {
		color: var(--theam-color);
		position: unset;
	}

	.menu>ul>li a {
		padding: 10px;
		width: 100%;
		display: block;
		padding-left: 0px;
		padding-right: 25px;
		color: #000;
		text-align: right;
	}

	.menu>ul>li>ul {
		position: relative;
	}

	.menu>ul>li>ul.normal-sub {
		width: 100%;
		top: 0px;
	}

	.menu>ul>li>ul>li {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.menu>ul>li>ul>li:first-child {
		margin: 0;
	}

	.menu>ul>li>ul>li>ul {
		position: relative;
	}

	.menu>ul>li>ul>li>ul>li {
		float: none;
	}

	.menu .show-on-mobile {
		display: block;
		position: absolute;
		z-index: 100;
		background: #f4f4f4;
		right: 0;
		top: 60px;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
search slideer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-slideer {
	background-color: #dfeafd;
	position: relative;
	z-index: -2;
	background: #ffffff url(../images/bg.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
	padding-bottom: 270px;
}

.search-slideer .search-box {
	position: relative;
	width: 100%;
	float: right;
	padding: 0px 45px;
}

.search-slideer .search-text {
	float: right;
	width: 100%;
	text-align: center;
	line-height: 2;
}

.search-slideer .search-text h1 {
	font-size: 23px;
	margin-bottom: 20px;
}

.search-slideer .search-text p {
	font-size: 14px;
	margin-bottom: 20px;
}

.search-slideer .search-form {
	float: right;
	width: 100%;
}

.search-slideer .search-form input[type="text"] {
	width: 100%;
	padding: 4px 15px;
	border-radius: 15px;
	border: unset;
	box-shadow: 1px 0px 9px #CCD;
	font-size: 16px;
	line-height: 3;
}

.search-slideer .search-form input[type="submit"] {
}

.search-slideer .search-form form {
	width: 100%;
	float: right;
	position: relative;
}

.search-form button {
	border: 0px;
	padding: 5px;
	border-radius: 5px 0px 0px 5px;
	float: right;
	position: absolute;
	left: 5px;
	background: unset;
	top: 5px;
}

.search-form button svg {
	fill: var(--theam-color)  !important;
}

.search-slideer .search-list {
	width: 100%;
	float: right;
	position: relative;
	margin-top: 60px;
	margin-bottom: 80px;
}

.search-slideer .search-list ul {
	display: flex;
	width: 100%;
	float: right;
	flex-wrap: wrap;
	list-style: none;
	gap: 3%;
	text-align: center;
	justify-content: center;
}

.search-slideer .search-list ul li {
    width: 20%;
    max-width: 185px;
    min-width: 130px;
    background: #F3FAFD;
    border-radius: 10px;
    margin: 10px 0 0 0;
}

.search-slideer .search-list ul li a {
	color: #000;
	padding: 20px;
    display: block;
}

.search-slideer .search-list ul li a img {
	padding: 15px;
	max-width: 100%;
}


.search-slideer .search-list ul li:hover {
	background: #182E46;
}

.search-slideer .search-list ul li:hover a {
	color: #fff;
}



.organization{
	padding: 40px;
}
.organization h2{
    text-align: center;
    font-size: 23px;
}
.organization ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style: none;
    margin-top: 40px;
    margin-bottom: 40px;
    justify-content: center;
}
.organization ul li{text-align: center;}
.organization ul li a{
    color: #000;
    text-align: center;
    line-height: 2;
}
.organization ul li img{
    width: 130px;
    height: 130px;
    display: block;
}


/* ---------------------------------------------------
    offerbox
----------------------------------------------------- */
.offerbox {
	width: 100%;
	float: right;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}

.offerbox .title {
	width: 100%;
	float: right;
	font-size: 23px;
	text-align: center;
	margin-bottom: 30px;
}

.offerbox ul {
	display: flex;
	width: 100%;
	float: right;
	flex-wrap: wrap;
	list-style: none;
	gap: 3%;
	text-align: center;
	justify-content: center;
}

.offerbox ul li {
	width: 31%;
	background: #F3FAFD;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 28px;
}

.offerbox ul li a {
	color: #000;
}

.offerbox ul li a img {
	padding: 15px;
	max-width: 100%;
	width: 135px;
	height: auto;
}

.offerbox ul li a span {
	position: relative;
	top: -10px;
	width: 100%;
	float: right;
}

.offerbox ul li:hover {
	background: #182d46;
}

.offerbox ul li:hover a {
	color: #fff;
}

/*--------------------------------------------------
notfication
--------------------------------------------------*/
.notifications>li{
	list-style: none;
}

.notifications .dropdown-toggle::after {
	display: none;
}

.notifications .dropdown-toggle svg {
	fill: #67778F !important;
}

.notifications .dropdown-menu {
	min-width: 22rem;
	overflow: hidden;
}

.notifications .dropdown-menu svg {
	fill: #67778F !important;
}

.notifications .dropdown-menu svg:hover {
	fill: #5a8dee !important;
}

.notifications .dropdown-menu h6 {
	font-size: 1rem;
}

.notifications .badge-notifications {
	top: 0.5rem;
	padding: 0.2rem 0.4rem;
}

.badge.badge-notifications {
	transform: translate(50%, -30%);
}

.badge.badge-notifications {
	position: absolute;
	top: auto;
	display: inline-block;
	margin: 0;
	transform: translate(50%, -30%);
}

.notifications .dropdown-menu .text-muted {
	--bs-text-opacity: 1;
	color: #a8b1bb !important;
}

.notifications .dropdown-menu small, .small {
	font-size: 85%;
}

.notifications .dropdown-menu p {
	font-size: 0.8rem;
}

.notifications .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item {
	padding: 1rem;
	cursor: pointer;
}

.notifications .dropdown-notifications-actions {
	text-align: center;
}

.notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive {
	visibility: hidden;
}

.notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive {
	visibility: visible;
}

/* ---------------------------------------------------
    tests
----------------------------------------------------- */
.collection {
	width: 100%;
	float: right;
	overflow: hidden;
}

.collection .province-name {
	background: var(--theam-color);
	color: var(--text-second-color);
	padding: 10px;
	border-radius: 10px;
	width: 100%;
	float: right;
}

.collection .lessons {
	width: 100%;
	float: right;
}

.collection .year {
	margin-top: 15px;
	font-size: 17px;
	font-weight: 600;
}

.collection .lesson {
	width: 100%;
	float: right;
	display: flex;
	gap: 15px;
}

.collection .lesson .lesson-name {
}

.collection .lesson .lesson-name a {
	padding: 5px 10px;
	background: var(--text-second-color);
	margin: 10px 0px;
	float: right;
	border-radius: 10px;
}

.collection .lesson .lesson-name a.holding {
	color: red;
	background: #fff;
	border: 1px solid;
}

.tests {
	width: 100%;
	float: right;
}

.tests .testbase {
	width: 100%;
	float: right;
	background: #E3EEFD;
	margin-bottom: 30px;
	border-radius: 15px;
	padding: 0px 20px;
}

.tests .testbase .title {
	text-align: center;
	margin-bottom: 20px;
}

.tests .testbase .title h2 {
	width: fit-content;
	background: #0757AC;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	border-radius: 0 0 10px 10px;
	display: block;
	margin: 0 auto;
}

.tests .testbase .testsection {
	width: 100%;
	float: right;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 20px;
}

.tests .testbase .testsection .titr {
	text-align: center;
	font-size: 14px;
	padding: 0px 15px;
}

.tests .testbase .testsection .titr h3 {
	font-size: 17px;
	border-bottom: 1px solid #ccc;
	line-height: 3;
}

.tests .testbase .testsection .list {
	width: 100%;
	float: right;
	padding: 10px;
	text-align: right;
}

.tests .testbase .testsection .list ul {
	list-style: none;
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); /* پس‌زمینه روشن نیمه‌شفاف */
    backdrop-filter: blur(3px);           /* تار شدن بک‌گراند */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999; /* بالاتر از همه */
}

.loader-overlay .spinner-border {
    width: 3rem;
    height: 3rem;
}


.tests .testbase .testsection .list ul li {
	line-height: 2;
	margin: 10px 0;
}

.tests .testbase .testsection .list ul li img {
	float: right;
	width: 22px;
	margin-left: 10px;
}

.catinfo {
	margin-bottom: 20px;
}

.catinfo div {
	padding: 0px;
}

.catinfo .title_box {
	text-align: right;
	padding: 20px 0px 0 0;
	border-top: 1px solid #ccc;
	border-radius: 0px 0px 15px 15px;
	margin-bottom: 0px;
}

.catinfo img {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.catinfo .title_box h1 {
	line-height: 3;
	font-size: 23px;
	color: #022857;
}

.catinfo p {
	padding: 10px;
	line-height: 2;
}

.sidebar {
	background: var(--theam-color);
	border-radius: 15px;
	margin-top: 20px;
	width: 100%;
	float: right;
	padding: 0px 15px;
}

.categoryslider {
	width: 100%;
	float: right;
	padding-top: 30px;
	margin-bottom: 50px;
}

.categoryslider .title {
	font-size: 25px;
	color: #fff;
	margin-bottom: 20px;
}

.categorylist {
}

ul.categorylist {
	list-style-position: inside;
	float: right;
	width: 100%;
	border-radius: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	list-style-type: none;
}

ul.categorylist li {
	width: 100%;
	line-height: 2;
	float: right;
	padding: 15px;
	background: var(--text-second-color);
	margin-bottom: 10px;
	border-radius: 15px;
}

ul.categorylist li:last-child {
	border: unset;
}

ul.categorylist li a {
	color: #000000;
	float: right;
}

.lastPost {
}

.lastPost ul.categorylist li {
	border-bottom: 1px solid #ccc;
	border-radius: unset;
	padding: 0px;
}

.last_blog {
	width: 100%;
	float: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
	margin-top: 20px;
}

.last_blog .last_blog_box {
	position: relative;
	width: 32%;
	border: 1px solid #ccc;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 25px;
}

.last_blog .last_blog_box .img_box {
	height: 230px;
	overflow: hidden;
	position: relative;
}

.last_blog .last_blog_box .img_box time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #fff;
	border-radius: 10px;
	padding: 5px 5px 0px 5px;
	line-height: 1.5;
}

.last_blog .last_blog_box .img_box img {
	width: 100%;
}

.last_blog .last_blog_box h2 {
	font-size: 15px;
	margin: 0px;
	line-height: 2;
}

.last_blog .last_blog_box a {
	color: #333;
	width: 100%;
	float: right;
	font-size: 14px;
	text-align: justify;
}

.last_blog .last_blog_box .title {
	width: 100%;
	float: right;
	padding: 0 8px;
}

.single_page.vedeo_page {
	padding: 0px;
}

.vedeo_page video {
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
}

.single_page.vedeo_page:before {
	content: unset;
}

.blog .single_page {
	padding-right: 30px;
}

.single_page {
	width: 100%;
	float: right;
	position: relative;
	font-size: 15px;
	padding-bottom:30px;
}

.blog .single_page:before {
	content: "";
	background-color: var(--theam-color);
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	right: 6px;
	height: 100%;
}

.single_page_color .title {
	text-align: center;
	background: #022857;
	padding: 20px 0px;
	border-top: 1px solid #ccc;
	border-radius: 0px 0px 15px 15px;
	margin-bottom: 25px;
}

.single_page_color .title h1 {
	line-height: 3;
	font-size: 23px;
	color: #fff;
}

.single_page .text {
	direction: rtl;
	text-align: justify;
	line-height: 2;
}

.single_page .text h2 {
	color: navy;
	font-size: 21px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.single_page .text img {
	max-width: 100%;
	height: auto;
	margin: 10px 0px;
	border-radius: 15px;
}

.single_page .text h3 {
	margin: 15px 0;
	color: #8B0000;
	font-size: 19px;
	text-align: right;
	float: right;
	width: 100%;
}

.single_page .text h4 {
	font-size: 18px;
	color: #006400;
	margin: 15px 0;
	text-align: right;
	float: right;
	width: 100%;
}

.single_page .text h5 {
	font-size: 17px;
	color: #ca2fe4;
	margin: 15px 0;
	text-align: right;
}

.single_page .text h6 {
	font-size: 17px;
	color: #666;
	margin: 15px 0;
	text-align: right;
}

.single_page  .img_box {
	float: right;
	width: 100%;
}

.single_page .img_box img {
	width: auto;
	padding: 20px;
/* border: 1px solid #ccc; *//* border-radius: 15px; */
	max-height: 380px;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.img_box .custom-img {
    background-color: #dfeafd;
    border-radius: 8px;
    height: 96%;
}


.custom-img p {
    font-size: small;
    padding: 12px 5px;
    font-weight: 700;
    text-align: center;
}

.label-img {
    color: #818181;
}


.single_page .text p {
	line-height: 2;
}

.single_page .text video {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.single_page .text ol {
	width: 100%;
	float: right;
	list-style-position: inside;
}


.single_page .text ul {
	list-style-position: inside;
}


.single-sidebar.fixed {
	position: fixed;
}

.align-items-end {
	align-items: flex-end !important;
}

.d-flex {
	display: flex !important;
}

.single-sidebar {
	position: -webkit-sticky;
	position: sticky;
	padding-bottom: 20px;
	z-index: 999;
	width: 100%;
	float: right;
	border-radius: 15px;
}

.progress-container {
	width: 100%;
	height: 10px;
	background: rgba(255, 255, 255, .3);
	position: relative;
	float: right;
}

.progress-bar {
	height: 8px;
	background: var(--theam-color);
	width: 0;
}

.single-info {
	position: -webkit-sticky;
	position: sticky;
	z-index: 999;
	box-shadow: 2px -17px 45px -20px rgba(0, 0, 0, .16), 2px 32px 42px -20px rgba(0, 0, 0, .16);
	background: #fff;
	width: 100%;
	float: right;
	border-radius: 15px;
}

.sidebar-articles {
	width: 100%;
	float: right;
	padding: 0 26px 20px;
	position: relative;
}

.sidebar-articles-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 0;
	cursor: pointer;
}

.sidebar-articles-title.active {
	border-bottom: none;
}

.icon-bottom-arrow {
	border: solid var(--theam-color);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.featured-image {
	background: #fff;
	width: 100%;
	float: right;
	border-radius: 10px;
    /* background-color: #fff; */
    /* box-shadow: 2px -17px 45px -20px rgba(0, 0, 0, .16), 2px 32px 42px -20px rgba(0, 0, 0, .16); */
	margin-bottom: 10px;
	position: relative;
}

.featured-image img {
	width: 100%;
	float: right;
	margin: 0px !important;
	border-radius: 15px 15px 0px 0;
	z-index: 2;
	display: block;
	margin: 0 auto;
	box-shadow: 0 7px 17px -11px rgba(0, 0, 0, .5);
	margin-bottom: 30px;
	max-width: 100%;
	height: auto;
}

.icon-bottom-arrow {
	border: solid var(--theam-color);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.sidebar-articles-title.active i {
	transition: .3s;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.sidebar-articles-title {
	font-size: 15px;
	color: var(--text-color);
}

.sidebar-articles-title i {
	font-size: 6px;
	color: #0095da;
}

.sidebar-articles-itms {
	border-right: 1px solid var(--theam-color);
	display: none;
	overflow: visible!important;
	margin-top: 19px;
}

.sidebar-articles-itms li {
	padding-right: 14px;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}

.sidebar-articles-itms li:first-child {
	margin-bottom: 0;
}

.sidebar-articles-itms li.active .sidebar-articles-title:after {
	content: "";
	background-color: red;
	height: 1px;
}

.sidebar-articles-itms li.active a {
	color: #000;
}

.sidebar-articles-itms li.active:before {
	content: "";
	position: absolute;
	background-color: #fff!important;
	background: url(img/pic-sprite.png) -16px 41px;
	width: 15px;
	height: 20px;
	right: -8px;
	padding: 12px 0;
}

.sidebar-articles-itms li a {
	font-size: 13px;
	color: var(--text-color);
	line-height: 31px;
}

.single_page h2 {
	margin-right: -28px;
	padding-right: 27px;
	display: flex;
}

.single_page h2 {
	font-size: 20px;
	color: var(--text-color);
	align-items: center;
	position: relative;
	margin-bottom: 17px;
	font-variation-settings: "wght" 600, "DOTS" 0;
}

.single_page h2 .after-img2 {
	position: absolute;
	height: 104px;
	right: 0px;
	background-color: #fff;
}

.single_page h2 .after-img2 em {
	background: var(--theam-color);
	width: 10px;
	height: 10px;
	display: block;
	margin-left: 12px;
	position: relative;
	top: 50%;
	left: 20%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
}

.single_page h2 .after-img2 i {
	position: absolute;
	font-size: 8px;
	color: #e5e5e5;
	cursor: pointer;
}

.single_page h2 .after-img2 i:hover {
	color: #0095da;
}

.single_page h2 .after-img2 i.h2-up {
	top: 25px;
	right: 0px;
	width: 10px;
	height: 10px;
	border: solid var(--theam-color);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.single_page h2 .after-img2 i.h2-down {
	bottom: 25px;
	right: 0px;
	width: 10px;
	height: 10px;
	border: solid var(--theam-color);
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.blog-comment {
    /* padding-left: 15%; */
    /* padding-right: 15%; */
	width: 100%;
	float: right;
    /* margin-top: 30px; */
	padding: 0px;
}

.blog-comment .no-comment {
	padding: 10px;
	margin: 20px 0px;
	background: #566a7f;
	border-radius: 15px;
	line-height: 2;
	color: #fff;
}

.comment .btn-primary {
	background: #779abe;
	border: 0px;
}

.blog-comment hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #FFFFFF;
}

.blog-comment a {
	background: none;
	color: #82b440;
	text-decoration: none;
}

.blog-comment::before,
.blog-comment::after,
.blog-comment-form::before,
.blog-comment-form::after {
	content: "";
	display: table;
	clear: both;
}

.blog-comment ul {
	list-style-type: none;
	padding: 0;
	margin-top: 60px;
}

.blog-comment img {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.blog-comment img.avatar {
	position: relative;
	float: right;
	margin-left: 0;
	margin-top: 0;
}

.blog-comment .post-comments {
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	color: #6b6e80;
}

.blog-comment .meta {
	font-size: 13px;
	color: #aaaaaa;
	padding-bottom: 8px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul {
	list-style-type: none;
	padding: 0;
	margin-right: 85px;
}

.blog-comment ul.comments ul div {
    background: #fbfbfb;
}

.blog-comment-form {
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 40px;
}

.blog-comment h3,
.blog-comment-form h3 {
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 800;
	text-align: center;
	margin-top: 30px;
	color: #779abe !important;
}

.auth-input-wrapper {
	direction: ltr;
}

.prodacts {
	background-color: #eee;
}

.prodacts .bg-image {
}

.prodacts .bg-image img {
	width: 100%;
}

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

.single_business {
}

.single_business .title {
	background: #dc1301;
	color: #fff;
	border-radius: 0 0 15px 15px;
}

.single_business .text {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

.single_business .img_box {
	width: 49%;
	border: 1px solid #ccc;
	border-radius: 15px;
}

.single_business ul {
	width: 49%;
	float: right;
	list-style: inside;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin: 0px;
}

.content {
	width: 100%;
	float: right;
	list-style: inside;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
}
/* ---------------------------------------------------
    lastsite
----------------------------------------------------- */

.lastsite {
	background: rgb(206,209,252);
	background: linear-gradient(90deg, rgba(206,209,252,1) 0%, rgba(191,204,246,1) 26%, rgba(171,216,255,1) 64%, rgba(148,189,231,1) 100%);
	padding: 30px 0 30px 0;
}

.lastsite .lastsite-box {
    height: 100%;
	width: 100%;
	float: right;
	background: #f3fafd;
	border-radius: 8px;
	padding: 12px;
}

.lastsite .lastsite-box .title {
	width: 100%;
	float: right;
	text-align: right;
	font-size: 17px;
	padding: 8px 8px 16px 8px;
	border-bottom: 1px solid #97c0ea;
}

.lastsite .lastsite-box .title img {
	width: 27px;
	float: right;
	margin-left: 10px;
}

.lastsite .lastsite-box .list {
	float: right;
	width: 100%;
	padding-top: 10px;
}

.lastsite .lastsite-box .list ul {
	margin: 0px;
	float: right;
	width: 100%;
	line-height: 2;
	list-style-position: inside;
	text-align: right;
	margin-bottom: 10px;
	list-style-type: circle;
}

.lastsite .lastsite-box .list ul li {
	width: 100%;
	float: right;
}

.lastsite .lastsite-box .list ul li::marker {
	color: #7799be;
}

.lastsite .lastsite-box .list ul li a {
	font-size: 13px;
}
.baner-container {
    display: flex;
    background: linear-gradient(270deg, #ffc165 -5.92%, #ffe6c0 17.7%);
    height: 65px;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.baner {
    font-size: .8em;
    line-height: 25px;
    background-color: #fff;
    color: #012845;
    margin: 0 auto;
    text-align: center;
    padding: 5px 18px;
    border-radius: 20px;
    font-weight: bold;
}


.baner-container2 {
    background: linear-gradient(270deg, #6a11cb 0%, #2575fc 100%);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    width: auto;
    max-width: 100%;
}

/* استایل متن */
.baner2 {
    background-color: #fff;
    color: #2c3e50;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 20px;
    font-size: calc(0.7rem + 0.3vw);
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
}

/* دکمه چشمک زن (همیشه اندازه ثابت) */
.blink-button2 {
    animation: blink2 1.2s infinite;
    font-weight: bold;
    border: none;
    border-radius: 20px;
    background: #ffcc00;
    color: #2c3e50;
    transition: all 0.3s ease;
    font-size: 0.8rem;
    white-space: nowrap;
    min-width: 120px; /* حداقل عرض ثابت */
    width: auto; /* عرض خودکار */
}

/* انیمیشن */
@keyframes blink2 {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}

/* هایلایت هنگام هاور */
.blink-button2:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    color: #2575fc;
    background: #ffd700;
}

/* تنظیمات ریسپانسیو بر اساس بریک پوینت SM (576px) */
@media (max-width: 575.98px) {
    .baner-container2 {
        width: 100% !important;
        border-radius: 0 !important;
        padding: 10px 15px !important;
    }
    
    .full-clickable-baner2 {
        flex-direction: column;
        gap: 10px !important;
    }
    
    .baner2 {
        width: 100% !important;
        padding: 8px 10px !important;
    }
    
    .blink-button2 {
        width: auto !important; /* عرض خودکار حفظ شود */
        padding: 8px 20px !important;
    }
}
.blink-button2:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        color: #ffcc00;
        background-color: #fff;
}




.headerbaner {
	width: 100%;
	float: right;
}

.headerbaner img {
	width: 100%;
	float: right;
	height: auto;
}

.footbaner {
}

.footbaner img {
	width: 100%;
	border-radius: 15px;
	margin-bottom: 30px;
	float: right;
}
/* ---------------------------------------------------
    footer
----------------------------------------------------- */
.copyrights {
	text-align: center;
	color: #000000;
	padding: 15px 0px;
	background-color: transparent;
	background-image: linear-gradient(180deg, rgba(31, 31, 31, 0.06), #ffffff);
	width: 100%;
	float: right;
}

.copyrights a {
	color: var(--theam-color);
}

footer {background-repeat: repeat-y;background-position: left center;background-size: contain;background-color: transparent;background-image: linear-gradient(180deg, rgba(31, 31, 31, 0.1), transparent);padding-top: 50px;/* padding-bottom: 60px; */float: right;width: 100%;}

footer .footer-wighet .wighet-title {
	color: #000;
	text-align: right;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	font-weight: bold;
}

footer .footer-wighet .wighet-list {
	width: 100%;
	float: right;
}

footer .footer-wighet .wighet-list ul {
	width: 100%;
	list-style: circle;
	float: right;
	list-style-position: inside;
}

footer .footer-wighet .wighet-list ul li::marker {
	color: #7799be;
}

footer .footer-wighet .wighet-list ul li {
	width: 100%;
	float: right;
	text-align: right;
	padding: 5px 0;
}

footer .footer-wighet .wighet-list ul li a {
	color: #1b1a1a;
}

footer .footer-wighet .logofooter {
	width: 100%;
	margin-bottom: 20px;
	height: auto;
}

footer .footer-wighet p {
	color: #fff;
	text-align: justify;
}
footer  .footer-about{
    background-color: #ffffff;
    padding: 70px;
    margin-top: -100px;
    border-width: 1px;
    box-shadow: 0px 10px 30px 0px rgba(31, 31, 31, 0.09);
    float: right;
}
footer .footer-wighet {
	width: 100%;
	float: right;
}

footer .footer-wighet .nemad {
	width: 100%;
}

footer .footer-wighet .nemad ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 20px;
	list-style: none;
}

footer .footer-wighet .nemad ul li {
	position: relative;
	border-radius: 0px 0px 15px 15px;
	padding: 15px 0px;
	height: 120px;
}

footer .footer-wighet .nemad ul li img {
	width: 100%;
	display: block;
	min-width: 120px;
	height: auto;
	cursor: pointer;
}

.footer-wighet .contact {
	float: right;
	width: 100%;
	list-style: none;
	margin-top: 20px;
}

.footer-wighet ul.contact  li {
	float: right;
	width: 100%;
	line-height: 24px;
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--text-second-color);
}

.footer-wighet ul.contact li a {
	font-size: 14px;
	color: var(--text-second-color);
}

.footer-wighet ul.contact li svg {
	width: 25px;
	float: right;
	margin-left: 5px;
	fill: #fff !important;
}
.soial{
	background: url(../images/bg-dots.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 50px;
}
.soial .soial_wpe_content{font-size: 10vw;font-weight: 900;margin-top: -50px;margin-bottom: -100px;display: table;position: relative;word-break: break-word;transition: all .2s 
ease-in-out;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #eeeeee;paint-order: stroke fill;text-align: center;width: 100%;z-index: -2;}
.soial .soial-list {
	width: 100%;
	float: right;
}
.soial .soial-list span{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 19px;
    color: var(--theam-color);
    margin-bottom: 20px;
}
.soial .soial-list b{}
.soial .soial-list p{
    text-align: center;
    font-size: 23px;
    line-height: 2;
    margin-bottom: 40px;
}
.soial .soial-list ul {
	display: flex;
	gap: 20px;
	justify-content: center;
	list-style: none;
	margin-bottom: 30px;
}

.soial .soial-list ul li {
	width: auto;
	float: right;
}

.soial  .soial-list ul li svg {
	width: 50px;
	height: auto;
	background: var(--theam-color) !important;
	fill: #fff !important;
	border-radius: 10px;
	padding: 5px;
}

.soial  .soial-list ul li a {
	float: right;
	width: 100%;
}

#loginModal {
	line-height: 1.5;
}

#loginModal p {
	color: #838383;
	float: right;
	font-size: 13px;
}

#loginModal .editPhone {
	float: left;
	background: #fff;
	border: unset;
	color: var(--theam-color);
	font-size: 14px;
	width: auto;
	padding: 0px;
}

#loginModal .form-check {
	float: right;
	width: 100%;
	padding-right: 1.25em;
}

#loginModal .form-check input {
	margin-right: -1.25em;
}

 .numeral-mask {
    max-width: 55px;
}

.single_question {
}

.single_question .topic {
	padding: 10px;
}

.single_question .topic ul {
	list-style: inside;
	background: var(--text-second-color);
	padding: 10px;
	border-radius: 10px;
}

.single_question .topic ul li {
}

.qustion-info {
	width: 100%;
	float: right;
	margin: 10px 0;
}

.qustion-info span {
    background: #eee;
    padding: 0 5px;
    border-radius: 3px;
    margin: 5px 0 5px 5px;
    display: block;
    float: right;
    font-size: small;
}


.qustion-info span label {
	float: right;
	margin: 0px;
}

.answer-box {
	border-bottom: 1px solid #ccc;
}

.answer-box:last-child {
	border: 0;
}

.answer-box .answer-info {
	display: flex;
	width: 100%;
	float: right;
	padding: 10px;
}

.single_test {
	font-size: 14px;
	width: 100%;
	float: right;
	margin-top: 20px;
}

.test-answer-box {
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    line-height: 3;
    background: hsl(120deg 100% 25.1% / 6%);
    color: green;
    border: 1px solid green;
}

.test-answer-box label {
	margin: 0px;
}

.single_test .price a {
	border-radius: 8px;
	font-size: 16px;
}

.single_test .price a.test_file_pdf {
	width: 50%;
	border: 2px solid #F44336;
	color: #F44336;
	transition: 0.3s all;
}

.single_test .price a.test_file_pdf svg {
	fill: #F44336;
	transition: 0.3s all;
}

.single_test .price a.test_file_pdf:hover {
	background: #F44336;
	color: #fff;
}

.single_test .price a.test_file_pdf:hover svg {
	fill: #fff;
}

.single_test .price a.test_file_word svg {
	fill: #2196F3;
	transition: 0.3s all;
}

.single_test .price a.test_file_word {
	width: 50%;
	border: 2px solid #2196F3;
	color: #2196F3;
	transition: 0.3s all;
}

.single_test .price a.test_file_word:hover {
	background: #2196F3;
	color: #fff;
}

.single_test .price a.test_file_word:hover svg {
	fill: #fff;
}

.single_test .price a span {
	float: right;
}

.single_test .price {
	padding: 15px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.single_test  .description {
    /* padding: 15px; */
    /* background: var(--theam-second-color); */
	border-radius: 15px;
	line-height: 2;
}

.cat_test  .description h2 {
    font-size: 21px;
    padding: 0 0 10px 0;
    line-height: 2;
}

.cat_test  .description h3 {
    font-size: 18px;
    padding: 0 0 10px 0;
    line-height: 2;
}

.single_test  .topic {
}

.single_test  .topic ul {
	list-style-position: inside;
	line-height: 2;
}

.single_test  .topic ul li {
}

.single_test .price-box {
	line-height: 2.5;
	padding: 5px;
}


.single_test .price-box svg {
	float: right;
	width: 40px;
}

.single_test .price-box .Price-currencySymbol {
	margin-right: 5px;
	float: unset;
}

.single_test .price-box>svg {
	opacity: .6;
}


.single_test .price-box .svg--full {
	width: 100%;
	height: 100%;
}

.single_test .price-box .svg {
	display: inline-block;
}

.single_text_info .title {
	line-height: 2;
}

.single_text_info .title-info {
	gap: 10px;
	margin-bottom: 15px;
}

.single_text_info .title-info > * {
    /* padding:0px; */;
}

.suggested-title {
    color: blue;
    list-style: inside;
    list-style-type: disclosure-closed;
    cursor: pointer;
    display: list-item;
}
.suggested-title:hover {
    background: #f3f3f3;
    color: darkblue;
}

.suggestion {
    width: 100%;
    float: right;
    background: #FFF0BD;
    padding: 20px 10px;
    margin: 15px 0;
    border-radius: 5px;
}

.suggestion .suggestion-title {
	margin-bottom: 10px;
	font-weight: 600;
}

.suggestion ul {
	list-style-position: inside;
	width: 100%;
	line-height: 2;
	margin-top: 10px;
}

.suggestion ul li a {
	color: var(--bs-blue);
}

.single_text_info .title a {
	color: var(--theam-color);
	font-weight: 600;
}

.single_text_info .table-bordered>:not(caption)>*>* {
	border: 1px solid #ccc;
}

.single_text_info .table-bordered thead th {
	text-align: center;
	background: var(--text-second-color);
}

.single_text_info h2 {
	font-size: 16px;
	width: 100%;
	float: right;
	padding: 0 0 10px 0;
	line-height: 2;
	border-bottom: 1px solid var(--theam-color);
}
.related h2 {
    	font-size: 14px;
}

.single_text_info .test-info {
	background: var(--theam-second-color);
	width: 100%;
	float: right;
	padding: 5px;
	border-radius: 5px;
}

.single_text_info .test-time {
	float: right;
}

.single_text_info .test-time svg {
	width: 27px;
}

.single_text_info .test-file-box {
	width: auto;
}

.single_text_info h1 {
	font-size: 18px;
	width: 100%;
	float: right;
	padding: 0 0 10px 0px;
	line-height: 2;
	font-weight: 600;
	border-bottom: 1px solid var(--theam-color);
}

.single_text_info .img_box {
	padding-left: 0;
	padding-top: 7px;
}

.single_text_info .img_box img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.single_text_info .img_info {
    text-align: center;
    background: var(--theam-second-color);
    padding: 10px 5px;
    border-radius: 5px;
}

.single_text_info .img_book img {
	width: 100%;
	float: right;
}

.single_text_info .test-option {
	margin-top: 10px;
	border-top: 1px #ccc solid;
	padding-top: 20px;
	text-align: center;
	line-height: 2;
}

.single_text_info .test-option .count-test {
	color: var(--theam-color);
}

.single_text_info .test-option .count-test svg {
	fill: var(--theam-color) !important;
}

.single_text_info .test-option .report-test {
	border-radius: 15px;
}

.single_text_info .test-option .report-test a {
	color: var(--bs-yellow) !important;
}

.single_text_info .test-option .report-test svg {
	fill: var(--bs-yellow) !important;
}

.single_text_body {
	width: 100%;
	float: right;
}

.lessonbox {
	position: sticky;
	top: 5px;
	width: 100%;
	float: right;
	border: 1px solid var(--theam-color);
	padding: 10px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.lessonbox .lesson-title {
	text-align: center;
	line-height: 2;
	font-size: 17px;
	background: var(--text-second-color);
	border-radius: 10px;
	width: 100%;
	cursor: pointer;
}

.lessonbox .form-select {
    font-size:0.8rem;
}

.lessonbox .toggleLessons svg {
	width: 24px;
	height: auto;
}

.lessonbox ul {
	list-style: none;
}

.lessonbox ul li {
	margin-top: 10px;
	padding: 5px;
	background: #f3f3f3;
}

.lessonbox ul li.active {
	background: var(--theam-color);
	border-radius: 5px;
}

.lessonbox ul li.active a {
	color: #fff;
}

.lessonbox ul li a {
	color: var(--text-color);
}

.single_test_color nav, .paginationnav {
	width: 100%;
	margin-bottom: 30px;
	padding: 10px;
	background: var(--theam-second-color);
	border-radius: 10px;
	justify-content: center;
	display: flex;
}

nav  ul li i:before {
	font-size: 17px;
	font-style: normal;
}

nav  .bx-chevron-left:before {
	content: "\00AB";
/* Unicode for left single angle quotation mark */;
}

nav  .bx-chevrons-left:before {
	content: "\2039";
 /* Unicode for left double angle quotation mark */;
}

nav .bx-chevrons-right:before {
	content: "\203A";
 /* Unicode for right single angle quotation mark */;
}

nav .bx-chevron-right:before {
	content: "\00bb";
}

.cat_title {
	text-align: center;
	padding: 18px 0 20px 0;
	position: relative;
}

.cat_title:before {
	content: "";
	position: absolute;
	border-top: 1px solid var(--theam-color);
	width: 100%;
	right: 0;
	top: 35px;
}

.cat_title:after {
	content: "";
}

.cat_title h1, .cat_title h3 {
    line-height: normal;
	font-size: 21px;
	position: relative;
	display: inline;
	padding: 0 10px;
	background: #fff;
}

.cat_test .single_text_info .title {
	margin-bottom: 10px;
	border: 0px;
	text-align: right;
}

.single_text_info {
	padding: 15px 0;
	margin-bottom: 30px;
	border-radius: 8px;
}

.cat_test .single_text_info:last-child {
	margin-bottom: 30px;
}

.cat_test .single_text_info .text {
	min-height: 70px;
	text-align: right;
}

.cat_test .test-file {
	float: left;
}

.thechers {
	direction: rtl;
	text-align: right;
	padding-bottom: 40px;
}

.thechers .thechersbox {
	background: #fff;
	padding: 20px;
	float: right;
	width: 100%;
}

.pull-right {
	float: right;
}

.thechers img {
	max-width: 100%;
}

.thechers  .alert {
	width: 100%;
	float: right;
	margin-top: 20px;
}

.thechers h1 {
	line-height: 3;
	font-size: 23px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	float: right;
	border-bottom: 1px solid var(--theam-color);
	color: var(--theam-color);
}

.thechers.inquiry h1 {
	border: 0;
	margin: 20px 100px 0;
	margin-bottom: 0;
	color: #309dff;
	width: calc(100% - 100px);
	float: right;
	border-bottom: 1px solid;
	background: #fafafa;
	z-index: 444;
	position: relative;
}

.thechers p {
	line-height: 2;
	float: right;
	width: 100%;
	text-align: justify;
	border: 0;
	text-align: center;
}

.thechers h2 {
	line-height: 3;
	font-size: 21px;
	float: right;
	width: 100%;
	color: var(--theam-color);
	text-align: center;
}

.btn-primary {
	background: var(--theam-color);
	border: 0;
}

.pack-theme {
	fill: none;
	stroke: #414141;
	transition: all .3s;
}

.pack-theme svg {
	stroke: var(--theam-color);
	fill: var(--theam-color);
}

.bg-label-secondary {
	background-color: #e7ebef !important;
	color: #69809a !important;
}

.bg-label-success {
	background-color: #dff9ec !important;
	color: #39da8a !important;
}

.bg-label-info {
	background-color: #d6f7fa !important;
	color: #00cfdd !important;
}

.bg-label-warning {
	background-color: #fff2e1 !important;
	color: #fdac41 !important;
}

.bg-label-danger {
	background-color: #ffe5e5 !important;
	color: #ff5b5c !important;
}

.bg-label-light {
	background-color: #fbfbfc !important;
	color: #e5e9ed !important;
}

.bg-label-dark {
	background-color: #e2e4e6 !important;
	color: #495563 !important;
}

.bg-label-gray {
	background-color: rgba(242, 243, 245, 0.92) !important;
	color: rgba(38, 60, 85, 0.5) !important;
}

.alert-info {
	width: 100%;
	float: right;
}
.alert-warning {
    color: #664d03;
    background: #fff3cd;
    border: 1px solid #ffd55a;
    border-radius: 0.375rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.tsales td {
	background: var(--theam-color);
	color: #fff;
	text-align: center;
	font-size: 17px;
}

.walletbox {
/* display: flex !important; *//* gap: 30px !important; */ 
	width: 100%;
	float: right;
}

.walletbox .bg-label-gray {
	width: 100%;
	float: right;
	text-align: right;
	font-size: 14px;
}

.baybox  .alert-danger {
	width: 100%;
	float: right;
	display: block;
	text-align: right;
	font-size: 14px;
}

.walletbox  .walletval {
	float: left;
	font-size: 14px;
	width: 64%;
	text-align: left;
}

.walletbox span {
	width: 100%;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}

.walletbox  a {
	float: left;
	margin-right: 10px;
}

.baybox {
	position: relative;
	width: 100%;
	float: r;
}

.btn-check {
	position: absolute;
	clip: unset;
	pointer-events: none;
	top: 50%;
	width: 21px;
	height: 21px;
	transform: translate(0px, -50%);
	right: 10px;
}

.baybox label {
	width: 100%;
	padding: 10px 40px 10px 10px;
	border: 1px solid #ccc;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	color: #000;
	background-color: unset;
	border-color: #2196F3;
}

.btn-check+.btn:hover {
	background-color: var(--text-second-color);
}

.subscription {
}

.subscription .form-check {
	padding: 0;
	position: relative;
}

.subscription label {
	padding: 10px;
	border: 1px solid #ccc;
	width: 100%;
	border-radius: 5px;
	padding-right: 40px;
	cursor: pointer;
}

.subscription .form-check .form-check-input {
	margin-right: 0;
	margin-left: 20px;
	position: absolute;
	top: 50%;
	transform: translate(0px, -50%);
	right: 10px;
	width: 21px;
	height: 21px;
	margin-top: 0;
}

.form-check-label {
    cursor: pointer;
}

.form-check-input:checked+.form-check-label, .form-check-label.active, .btn:first-child:active, :not(.btn-check)+.btn:active {
	border-color: #2196F3;
}

.form-check-input:checked+.form-check-label, .form-check-label.active {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
	bottom: 8px;
	border: 2px solid #2196F3;
}

.form-check-input+.form-check-label:hover {
	background-color: var(--text-second-color);
}

@media (max-width: 992px) {
	.single_test .price {
		flex-wrap: wrap;
	}

	.single_test .price a.test_file_pdf {
		width: 320px;
		max-width: 100%;
	}

	.single_test .price a.test_file_word {
		width: 320px;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.single_text_info .img_book_box {
		display: none;
	}

	.single_text_info {
		border: 0;
		margin: 0 0 30px 0;
	}

	.single_test {
		padding: 0;
	}

	.single_test .price {
		flex-wrap: wrap;
		padding: 10px 0;
	}

	.single_test .price a.test_file_pdf {
		width: 320px;
		max-width: 100%;
	}

	.single_test .price a.test_file_word {
		width: 320px;
		max-width: 100%;
	}

	footer .footer-wighet .nemad ul li {
		top: 0;
		border-radius: 15px;
	}

	footer .footer-wighet {
		margin-bottom: 20px;
	}

	.tests {
		padding: 0 10px;
	}

	.offerbox ul li {
		width: 46%;
		padding: 2px;
	}

	header {
		padding: 0;
	}

	header .header {
		border-radius: 0;
	}

	header .logo {
		width: 40%;
	}

	header .logo img {
		width: 100%;
	}

	.search-slideer .search-list ul li {
        width: 22%;
        padding: 2px;
        min-width: 100px;
	}

	.search-slideer .search-box {
		padding: 0 15px;
	}

	.search-slideer .search-text {
		margin-top: 20px;
	}

	.single_text_info .test-option > div {
		margin-bottom: 20px;
		text-align: right;
	}
}

.card {
	padding: 0px;
}

.dashbord-tabel {
	margin-bottom: 0px;
}

.dashbord-tabel img {
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}

.dashbord-tabel td {
	border: 1px solid #ccc;
}

.card-green {
    border-color: green;
    background: hsl(120deg 100% 25.1% / 6%);
    color: green;
}

.card-blue {
    border-color: blue;
    background: hsl(240deg 100% 50% / 6%);
    color: blue;   
}

.card-orange {
    border-color: orange;
    background: rgb(255 165 0 / 6%);
    color: orange;
}

.card-purple {
    border-color: purple;
    background: hsl(300deg 100% 25.1% / 6%);
    color: purple;
}

/*Customization*/

/*جدول*/
.custom table {
    width: 100%;
    text-align: center;
}
.custom table, .custom td, .custom th {  
border: 1px solid #555;
}
.custom th, td {
  padding: 8px;
}
.custom th {
font-weight: bold;
text-align: center;
}
/*شروع بخش صفحه کسب درآمد*/

.earn-mony .card { 
box-shadow: 0 0 10px 0px #bfbfbf;
}
.earn-mony .exam {
 border: 2px solid #BDD7EE;
}
.earn-mony .education {
 border: 2px solid #c2ebaa;
}
.earn-mony .private {
 border: 2px solid #ffb8bf;
}
.earn-mony .Affiliate{
 border: 2px solid #ffe79e;
}
.earn-mony .card-header {
font-weight: bold;
}
.start-btn {
font-weight: bold;
width: 90%;
}
.exam .card-header {
color: #2E74B5;
border: 1px solid #BDD7EE;
background: #BDD7EE;
}
.exam .start-btn {
background: #5B9BD5;
}
.education .card-header {
color: #70AD47;
border: 1px solid #c2ebaa;
background: #c2ebaa;
}
.education .start-btn {
background: #4ab700;
}
.private .card-header {
color: #dc3545;
border: 1px solid #ffb8bf;
background: #ffb8bf;
}
.Affiliate .card-header {
    color: #ebb100;
    border: 1px solid #ffe79e;
    background: #ffe79e;
}
.Affiliate .start-btn {
color: #fff;
}
.test {
border: 2px solid #f8d1ff;
}
.test .card-header {
color: #9C27B0;
border: 1px solid #f8d1ff;
background: #f8d1ff;
}
.test .btn-purple {
background: #9C27B0;
color: #fff;
border: 1px solid #9C27B0;
}
.test .btn-outline-purple {
border: 1px solid #9C27B0;
color: #9C27B0;
}

/*پایان بخش صفحه کسب درآمد*/

.box {
float: right;
padding: 8px 12px;
margin: 12px 0;
border-radius: 5px;
width: 100%;
}
.orange-box {
background: #ffc10766;
}
.lavender-box {
background: Lavender;
}

.lesson {
    overflow: auto;
}
.audio-file {
border-right: 3px solid #5088f5;
background: #eee;
padding: 8px;
}
.nahai .message {
background: #d1e2ff;
border-radius: 5px;
padding: 8px 5px;
color: #2e5191;
font-weight: bold;
}
.nahai .message h2 {
font-size: 14px;
color: #2e5191;
float: none;
}
.nahai .btn {
background: #e9e9e9;
color: #777777;
border-radius: 3px;
margin: 2px 0;
padding: 3px 5px;
font-size: 14px;
cursor: default;
}

.nahai a[href] {
background: #DFEAFD;
color: #2b4d8b;
cursor: pointer;
}

.nahai a.keshvari {
    background: #ffd1d1;
    color: #bb0c0c;
}


.nahai .btn:hover {
    background: #e9e9e9;
    color: #777777;
}
.nahai .btn:active{
border-color: #2196F3;
}
.nahai a[href]:hover {
background: #c1d7ff;
color: #0049cf;
}
.nahai a.keshvari[href]:hover {
    background: #ffb7b7;
    color: #a90000;
}
.single_page .text .nahai p{
float: none;
margin: 10px 0;
}
.nahai .pack[href] {
    background: #0049cf;
    color: #ffffff;
}

.nahai .pack[href]:hover {
    background: #003ba7;
    color: #ffffff;
}

.school-detail .breadcrumb{
    width: 100%;
    float: right;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    background: var(--theam-second-color);
}
.schools-section .schools-filters{
    float: right;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    background: var(--text-second-color);
    border-radius: 10px;
}

.schools-section .pagination{
    width: 100%;
    float: right;
    background: var(--theam-second-color);
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 10px;
}
.school-score {
    text-align: center;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 0.5rem;
}
.score-label {
    display: block;
    font-size: 0.875rem;
    color: #6c757d;
}
.score-value {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: #0d6efd;
}

/* افزودن به فایل استایل کاربری */

.payment-gateway {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
}

.payment-gateway img {
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.payment-gateway:hover img {
    transform: scale(1.05);
}

.btn-check:checked + .btn .payment-gateway {
    background-color: rgba(0, 123, 255, 0.1);
    border-color: #007bff;
}

/* تنظیمات پاسخگویی */
@media (max-width: 768px) {
    #payment-gateways > .col-lg-6 {
        margin-bottom: 15px;
    }
}
.title_box{text-align: center;padding: 30px 0px;font-size: 17px;position: relative;width: 30%;float: right;}
.title_box span{/* background: #fff; */display: block;width: fit-content;margin: 0 auto;padding: 0px 20px;font-size: 27px;color: #fff;}
.title_box p{
    font-size: 14px;
    color: #fff;
}
.lastblog{
    position: relative;
    float: right;
    background: var(--theam-color);
    height: 123px;
    width: 100%;
    padding-left: 40px;
    border-radius: 15px;
}
.categoryslider .uni-swiper{width: 70%;float: right;top: -35px;position: relative;}
.categoryslider .uni-box{width: 100%;/* border: 1px solid #ccc; */overflow: hidden;background: #F4FAFF;border-radius: 15px;position: relative;min-height: 130px;}
.categoryslider .uni-box img{width: auto;height: 270px;display: block;margin: 0 auto;max-width: 100%;}
.categoryslider .uni-box .img-box{
    background: #fff;
}
.categoryslider .uni-box a{
    float: left;
    color: #fff;
    background: var(--theam-color);
    position: absolute;
    bottom: 15px;
    left: 0px;
    z-index: 4;
    padding: 7px;
    font-size: 14px;
    border-radius: 0px 15px 15px 0px;
}
.categoryslider .uni-box:after{
    content:"";
    background-image: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(127, 137, 148, .22) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
}
.categoryslider .swiper-container{padding: 0px;}
.categoryslider .uni-swiper  h2{width: 100%;text-align: center;font-size: 14px;color: #1b1919;font-weight: 400;text-align: right;padding: 10px 5px;position: absolute;bottom: 50px;z-index: 3;text-align: center;}


@media (max-width: 480px) {
	.title_box span{
    font-size: 13px;
}
		.title_box p{
    font-size: 13px;
    display: none;
}
	.search-slideer{
		padding-bottom: 140px;
		background-size: 200%;
	}
    .custom-img p{
        font-size: 0.6em;
    }
    
    .img_box .custom-img{
        padding: 15px 0;
    }
	.menuuser {
		margin-top: 0;
	}

	.collection .lesson {
		flex-wrap: wrap;
		gap: 5px;
	}

	.cat_test {
		padding: 0;
	}

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

	.cat_test .single_text_info .text {
		display: none;
	}

	.single_text_info .test-option > div {
		margin-bottom: 20px;
		text-align: right;
	}

	.single_test {
		padding: 0;
	}

	.single_test .price {
		flex-wrap: wrap;
		padding: 10px 0;
		gap: 20px;
	}

	.single_test .price a.test_file_pdf {
		width: 320px;
		max-width: 100%;
	}

	.single_test .price a.test_file_word {
		width: 320px;
		max-width: 100%;
	}

	footer .footer-wighet .nemad ul li {
		top: 0;
		border-radius: 15px;
	}

	footer .footer-wighet {
		margin-bottom: 20px;
	}

	.tests {
		padding: 0 10px;
	}

	.offerbox ul li {
		width: 46%;
		padding: 2px;
	}

	header {
		padding: 0; 
	}

	header .header {
		border-radius: 0;
		width: 96%;
		margin: 15px auto;
	}

	header .logo {
		width: 25%;
		padding: 15px 0;
	}

	header .logo img {
		width: 100%;
	}

	.search-slideer .search-list ul li {
        width: 50%;
        padding: 2px;
        min-width: 110px;
        max-width: 140px;
	}

	.search-slideer .search-box {
		padding: 0px 15px;
	}

	.search-slideer .search-text {
		margin-top: 0px !important;
		margin-bottom: 20px !important;
	}
	footer .footer-about{
		margin-bottom: 20px;
	}
}

@media (max-width: 350px) {
    .menuuser .dropdown-toggle {
        font-size:12px;
    }
}