﻿
/********************body********************/
body {
	font-family: 'IRANSansRegular';
	direction: rtl;
}

	body.bodyOpened {
		position: relative;
	}

		body.bodyOpened:after {
			position: absolute;
			background: rgb(0 0 0 / 65%);
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			content: '';
			z-index: 99;
		}

/**************************indexPage****************************/
/*********************header******************/
header {
	width: 100%;
	position: relative;
}

	header .headerBox {
		border-bottom: 1px solid rgb(0 0 0 / 25%);
		z-index: 9;
		background: #fff;
		padding-top: 15px;
		width: 100%;
		position: relative;
	}

.hdrSubMnuBox {
	position: fixed;
	left: 0px;
	top: 0;
	background: rgb(0 0 0 / 25%);
	backdrop-filter: blur(10px);
	height: max-content;
	width: 100%;
	min-height: 100vh;
	display: none;
	z-index: 8;
}

/******************topNav************************/
.topNav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}

	.topNav .navMenuBx {
		background-color: #F3F3F3;
		border-radius: 5px;
		height: 40px;
		width: calc(100% - 133px);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		.topNav .navMenuBx .navRighMnu {
			height: 100%;
		}

			.topNav .navMenuBx .navRighMnu ul {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				height: 100%;
				padding-right: 15px;
			}

			.topNav .navMenuBx .navRighMnu li {
				margin-left: 15px;
			}

				.topNav .navMenuBx .navRighMnu li a {
					font-family: 'IRANSansBold';
					font-size: 12px;
					line-height: 14px;
					color: #A1A1A1;
				}

					.topNav .navMenuBx .navRighMnu li a:hover {
						color: #080F5B;
					}

				.topNav .navMenuBx .navRighMnu li:last-child {
					margin-left: 0;
				}

	.topNav .navRightBx {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 100%;
	}

		.topNav .navRightBx .navSocialLnks ul {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin-right: 8px;
		}

		.topNav .navRightBx .navSocialLnks li {
			margin-left: 10px;
		}

			.topNav .navRightBx .navSocialLnks li a {
				width: 17px;
				height: 17px;
				display: flex;
				align-items: center;
				justify-content: space-around;
				transition: all 0.6s;
			}

			.topNav .navRightBx .navSocialLnks li img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all 0.6s;
			}

		.topNav .navRightBx .navLognLnk {
			width: 144px;
			height: 100%;
			background: #0D19A3;
			color: #fff;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.6s;
		}

			.topNav .navRightBx .navLognLnk i {
				font-style: normal;
				margin-right: 8px;
			}

			.topNav .navRightBx .navLognLnk span {
				color: #fff;
				background-color: #0D19A3;
				transition: all 0.6s;
			}

			.topNav .navRightBx .navLognLnk:hover span,
			.topNav .navRightBx .navLognLnk:hover {
				background-color: #080F5B;
			}

		.topNav .navRightBx .groceryStore {
			background-color: #CDDDF0;
			padding-left: 8px;
			padding-right: 8px;
			min-width: 85px;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			.topNav .navRightBx .groceryStore span {
				color: #0D19A3;
			}

			.topNav .navRightBx .groceryStore i {
				font-style: normal;
				width: 27px;
				height: 27px;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #839DC5;
				color: #fff;
				border-radius: 50%;
				font-size: 14px;
			}
/***************language Selectbox****************/
.dropSel {
	width: 123px;
	display: block;
	transition: all .5s ease;
	position: relative;
	height: 40px;
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	color: #080F5B;
	background-color: #F3F3F3;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

	.dropSel .select {
		cursor: pointer;
		display: flex;
		height: 40px;
		align-items: center;
		justify-content: space-between;
	}

	.dropSel .dropSelDiv {
		display: flex;
		align-items: center;
	}

		.dropSel .dropSelDiv span {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

	.dropSel .select > .expndMrIcon {
		font-size: 18px;
		color: #000;
		cursor: pointer;
		transition: all .5s ease-in-out;
		margin-left: 5px;
		font-style: normal;
	}

	.dropSel.active .select > .expndMrIcon {
		transform: rotate(180deg)
	}

	.dropSel .dropdown-mnu {
		position: absolute;
		width: 102px;
		right: 0;
		top: 36px;
		display: none;
		height: max-content;
		text-align: left;
		z-index: 9;
		background-color: #fff;
		padding: 7px;
		padding-bottom: 0;
		border: 1px solid #cbcacabd;
		border-radius: 8px;
	}

		.dropSel .dropdown-mnu li {
			border-bottom: 1px solid #cbcacabd;
		}

			.dropSel .dropdown-mnu li:last-child {
				border-bottom: none;
				margin-bottom: 2px;
			}

			.dropSel .dropdown-mnu li a {
				transition: all .2s ease-in-out;
				cursor: pointer;
				color: #575756;
				font-family: 'IRANSansRegular';
				font-size: 12px;
				transition: all 0.6s;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				padding-top: 6px;
				padding-bottom: 6px;
			}

		.dropSel .dropdown-mnu img,
		.dropSel .select span img {
			width: 28px;
			height: auto;
			margin-left: 10px;
			object-fit: cover;
		}

	.dropSel .select span a {
		transition: all .2s ease-in-out;
		cursor: pointer;
		color: #575756;
		font-family: 'IRANSansRegular';
		font-size: 12px;
		transition: all 0.6s;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
/*******************hdrMenuBox********************/
.hdrMenuBox {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	background-color: #fff;
}

	.hdrMenuBox .hdrLgoBx {
		width: 123px;
		height: 46px;
		padding: 0 0px 10px 0px;
	}

		.hdrMenuBox .hdrLgoBx img {
			width: 100%;
			height: 100%;
		}

	.hdrMenuBox .hdrMainMnuUl {
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.hdrMenuBox .hdrMainMnuUl .hdrMainMnuLi {
			margin-right: 12px;
			position: relative;
		}

		.hdrMenuBox .hdrMainMnuUl .hdrSubLink {
			color: #080F5B;
			font-size: 18px;
			line-height: 21px;
			font-family: 'IRANSansMedium';
			border-bottom: 3px solid #fff;
			height: 45px;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			cursor: pointer;
			transition: all 0.6s;
		}

			.hdrMenuBox .hdrMainMnuUl .hdrSubLink:hover {
				opacity: 1;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubLink p {
				margin-right: 5px;
			}

		.hdrMenuBox .hdrMainMnuUl .hdrSubMnu {
			display: none;
			position: absolute;
			top: 45px;
			left: 50%;
			transform: translateX(-50%);
			width: max-content;
			max-width: 200px;
			min-width: 180px;
			z-index: 11;
		}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuUl {
				position: relative;
				width: 100%;
				padding: 8px 0px;
				background-color: #fff;
				border-radius: 10px;
				margin-top: 12px;
			}

				.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuUl:before {
					position: absolute;
					top: -10px;
					left: 50%;
					transform: translateX(-50%);
					content: '';
					border-style: solid;
					border-width: 0 11px 11px 11px;
					border-color: transparent transparent #fff transparent;
				}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuLi {
				display: block;
				border-right: 9px solid #fff;
				transition: all 0.6s;
				position: relative;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu li:nth-child(2n) {
				background-color: #F9F9F9;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuLi:hover {
				border-color: #0D19A3;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu li a {
				color: #080F5B;
				font-size: 14px;
				line-height: 16px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 8px 10px 8px 10px;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu li:hover > a {
				color: #0D19A3;
				font-family: 'IRANSansBold';
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu li a:hover {
				opacity: 1;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu li strong {
				font-style: normal;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuLi span {
				margin-left: 8px;
				font-size: 12px;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuLi .hdrSbMnuLiDiv {
				position: absolute;
				top: -5px;
				left: -149px;
				width: max-content;
				width: 150px;
				z-index: 11;
				display: none;
			}

			.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuLi ul {
				position: relative;
				width: 100%;
				padding-top: 8px;
				padding-bottom: 8px;
				text-align: right;
				padding-right: 0;
				margin-right: 10px;
				background-color: #fff;
				border-radius: 10px;
			}

				.hdrMenuBox .hdrMainMnuUl .hdrSubMnu .hdrSubMnuLi ul:before {
					position: absolute;
					top: 22px;
					right: -10px;
					transform: translateY(-50%);
					content: '';
					border-style: solid;
					border-width: 11px 0 11px 11px;
					border-color: transparent transparent transparent #fff;
				}

		.hdrMenuBox .hdrMainMnuUl .hdrMainMnuLi:hover > .hdrSubLink {
			color: #0D19A3;
			font-family: 'IRANSansBold';
			border-bottom: 3px solid #0D19A3;
		}

	.hdrMenuBox .hdrMnuBtns {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-bottom: 10px;
	}

		.hdrMenuBox .hdrMnuBtns .catagryBtn,
		.hdrMenuBox .hdrMnuBtns .opnSrchMnu {
			display: flex;
			align-items: center;
			justify-content: center;
			line-height: 16px;
			border-radius: 5px;
			box-sizing: border-box;
			height: 38px;
			margin-left: 8px;
			color: #0D19A3;
			transition: all 0.6s;
			font-family: 'IRANSansMedium';
		}

		.hdrMenuBox .hdrMnuBtns i {
			margin-right: 4px;
			font-style: normal;
			font-size: 14px;
		}

		.hdrMenuBox .hdrMnuBtns span {
			font-size: 18px;
		}

		.hdrMenuBox .hdrMnuBtns .catagryBtn {
			width: 105px;
			border: 1px solid #A1A1A1;
		}

		.hdrMenuBox .hdrMnuBtns .opnSrchMnu {
			color: #0D19A3;
			width: 92px;
			background-color: #F6F5FF;
			border: 1px solid #0D19A3;
		}

			.hdrMenuBox .hdrMnuBtns .catagryBtn:hover,
			.hdrMenuBox .hdrMnuBtns .opnSrchMnu:hover,
			.hdrMenuBox .hdrMnuBtns .catagryBtn.opened {
				background: #0D19A3;
				color: #fff;
			}

	.hdrMenuBox .catSubMnu {
		position: absolute;
		top: 103px;
		left: 0;
		padding: 20px 20px 35px 10px;
		width: 100%;
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(12px);
		display: none;
		z-index: 11;
	}

		.hdrMenuBox .catSubMnu .catSubMnuBox {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
		}

		.hdrMenuBox .catSubMnu .catSubLeft p {
			font-family: 'IRANSansBold';
			font-size: 24px;
			text-align: right;
			line-height: 28px;
			color: #0D19A3;
		}

		.hdrMenuBox .catSubMnu .catSubLeftMnu {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
		}

			.hdrMenuBox .catSubMnu .catSubLeftMnu div {
				margin-left: 40px;
				margin-top: 25px;
				text-align: right;
			}

				.hdrMenuBox .catSubMnu .catSubLeftMnu div:last-child {
					margin-right: 0;
				}

			.hdrMenuBox .catSubMnu .catSubLeftMnu span {
				font-family: 'IRANSansBold';
				font-size: 24px;
				text-align: left;
				line-height: 28px;
				color: #080F5B;
			}

			.hdrMenuBox .catSubMnu .catSubLeftMnu ul {
				padding-right: 0;
			}

			.hdrMenuBox .catSubMnu .catSubLeftMnu li {
				margin-top: 10px;
			}

			.hdrMenuBox .catSubMnu .catSubLeftMnu a {
				font-size: 14px;
				line-height: 16px;
				color: #080F5B;
			}

				.hdrMenuBox .catSubMnu .catSubLeftMnu a:hover {
					color: #0D19A3;
					opacity: 1;
				}

		.hdrMenuBox .catSubMnu .catSubRight {
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

		.hdrMenuBox .catSubMnu .catSubCard {
			width: 250px;
			height: max-content;
			background-color: #F8F8F8;
			border-radius: 10px;
			transition: all 0.6s;
			margin-left: 15px;
			display: block;
		}

			.hdrMenuBox .catSubMnu .catSubCard:hover {
				filter: drop-shadow(0px 10px 63px rgba(0, 0, 0, 0.1));
				background-color: #fff;
				opacity: 1;
			}

			.hdrMenuBox .catSubMnu .catSubCard .image_parent {
				display: block;
				position: relative;
				width: 100%;
				height: 150px;
				overflow: hidden;
				border-radius: 10px 10px 0px 0px;
			}

				.hdrMenuBox .catSubMnu .catSubCard .image_parent::after {
					content: '';
					display: block;
					padding-top: 91%;
				}

			.hdrMenuBox .catSubMnu .catSubCard .image_inner {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 10px 10px 0px 0px;
			}

				.hdrMenuBox .catSubMnu .catSubCard .image_inner img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 10px 10px 0px 0px;
				}

			.hdrMenuBox .catSubMnu .catSubCard .catSubCrdBdy {
				text-align: right;
				padding: 5px 15px 12px 15px;
			}

				.hdrMenuBox .catSubMnu .catSubCard .catSubCrdBdy p {
					font-family: 'IRANSansBold';
					font-size: 18px;
					line-height: 21px;
					color: #080F5B;
				}

				.hdrMenuBox .catSubMnu .catSubCard .catSubCrdBdy small {
					font-family: 'IRANSansBold';
					display: block;
					font-size: 10px;
					line-height: 12px;
					color: #A1A1A1;
					margin-left: 10px;
					margin-top: 15px;
				}

	.hdrMenuBox .hdrSrchBar {
		position: absolute;
		height: 60px;
		padding-top: 8px;
		z-index: 11;
		width: 0;
		display: none;
	}

		.hdrMenuBox .hdrSrchBar .input-group {
			height: 46px;
			width: 100%;
			padding-right: 4px;
			border: 1px solid #A1A1A1;
			box-sizing: border-box;
			border-radius: 5px;
			background-color: #fff;
			opacity: 0;
		}

		.hdrMenuBox .hdrSrchBar .input-group-text {
			color: #080F5B;
			background-color: #fff;
			border: none;
			height: 43px;
		}

			.hdrMenuBox .hdrSrchBar .input-group-text span {
				font-size: 25px;
			}

		.hdrMenuBox .hdrSrchBar input.form-control {
			height: 43px;
			width: 100%;
			border: none;
			font-weight: 500;
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			font-family: 'IRANSansMedium';
		}

		.hdrMenuBox .hdrSrchBar input::-webkit-input-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		.hdrMenuBox .hdrSrchBar input::-moz-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		.hdrMenuBox .hdrSrchBar input:-ms-input-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		.hdrMenuBox .hdrSrchBar input:-moz-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		.hdrMenuBox .hdrSrchBar .srchDropClos {
			color: #A1A1A1;
			border-radius: 50%;
			padding: 3px 8px 0px 8px;
			cursor: pointer;
			display: block;
			font-size: 24px;
			margin-top: 6px;
		}

		.hdrMenuBox .hdrSrchBar .srchDropDn {
			width: calc(100% - 88px);
			height: 42px;
			position: relative;
		}

		.hdrMenuBox .hdrSrchBar .srchDropList {
			display: none;
			z-index: 11;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 200px;
			overflow: auto;
			position: absolute;
			top: 47px;
			width: 50%;
			text-align: right;
			max-width: 500px;
			background: rgba(255, 255, 255, 0.98);
			box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
			backdrop-filter: blur(12px);
			border-radius: 10px;
			padding-top: 15px;
			scrollbar-width: thin;
		}

			.hdrMenuBox .hdrSrchBar .srchDropList::-webkit-scrollbar {
				width: 7px;
				height: 7px;
				background-color: #fff;
			}

			.hdrMenuBox .hdrSrchBar .srchDropList::-webkit-scrollbar-thumb {
				border-radius: 35px;
				background-color: rgba(0, 0, 0, 0.2);
				-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
			}

.srchDropList .srchDropItem a {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	display: block;
	color: #080F5B;
	width: 100%;
	padding: 10px 20px;
}

.srchDropList .srchDropItem p {
	font-size: 24px;
	line-height: 28px;
	color: #080F5B;
	font-family: 'IRANSansBold';
	padding: 10px 20px;
}

.srchDropList .srchDropItem a:hover {
	background-color: #F1F1F1;
}

.hdrMenuBox .hdrSrchBar .srchDropSel {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	box-sizing: content-box;
}

/*********************sideMnuBar*******************/
header .sideMnuBar {
	position: fixed;
	top: 0;
	right: -250px;
	height: 100%;
	width: 250px;
	background: #fff;
	z-index: 100;
	padding: 15px;
	overflow-y: auto;
	transition: all 0.5s;
}

	header .sideMnuBar.openClosMnu {
		right: 0;
		transition: all 0.5s;
		box-shadow: 9px 5px 26px #4242426e;
		background: linear-gradient(45deg, #cdddf0, #fff);
	}

header .navLangBx .opnMinMnuLnk {
	display: none;
	color: #0D19A3;
	align-items: center;
	justify-content: center;
	width: 34px;
	cursor: pointer;
}

	header .navLangBx .opnMinMnuLnk span {
		font-size: 28px;
	}

header .sideMnuBar .clsMinMnuLnk {
	margin-right: auto;
	margin-left: 0;
	display: block;
	color: #0D19A3;
	width: 24px;
	height: 24px;
}

header .sideMnuBar .sideLoboBx {
	margin-bottom: 25px;
	display: block;
	width: 123px;
	height: 42px;
	margin-left: auto;
	margin-right: 0;
	margin-top: 15px;
}

header .sideMnuBar .sideMnuBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

header .sideMnuBar ul {
	padding-right: 20px;
}

header .sideMnuBar li {
	display: block;
}

header .sideMnuBar .sideMnuSubBx {
	display: none;
}

header .sideMnuBar .sideMnuUl {
	border-bottom: 2px solid #0D19A3;
	padding-bottom: 15px;
	margin-bottom: 20px;
	padding-right: 0;
}

header .sideMnuBar .sideMnuSubLnk {
	color: #080F5B;
	font-size: 15px;
	line-height: 21px;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}

	header .sideMnuBar .sideMnuSubLnk:hover {
		color: #0D19A3;
	}

	header .sideMnuBar .sideMnuSubLnk p {
		margin-right: 5px;
	}

	header .sideMnuBar .sideMnuSubLnk.opened {
		color: #0D19A3;
		font-family: 'IRANSansBold';
	}

		header .sideMnuBar .sideMnuSubLnk.opened span {
			transform: rotate(180deg);
			transition: all 0.6s;
		}

header .sideMnuBar .sideMnuSubBx {
	margin-left: 10px;
}

	header .sideMnuBar .sideMnuSubBx a {
		color: #080F5B;
		font-size: 13px;
		line-height: 21px;
		padding-bottom: 5px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	header .sideMnuBar .sideMnuSubBx i {
		font-style: normal;
	}

header .sideMnuBar .sideMnuUl2 a {
	color: #080F5B;
	font-size: 15px;
	line-height: 21px;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	header .sideMnuBar .sideMnuSubBx a:hover,
	header .sideMnuBar .sideMnuUl2 a:hover {
		color: #0D19A3;
	}

header .sideMnuBar .sideMnuUl2 {
	padding-right: 0;
}
/*********************proivdeSec******************/
#proivdeSec {
	background: url('../img/img9.jpg');
	width: 100%;
	min-height: 65vh;
	padding-top: 45px;
	padding-bottom: 50px;
}

	#proivdeSec .proivdeSlidr {
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
		width: 550px;
		margin-bottom: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#proivdeSec .proivdeSlidr .itmTxtTitle {
			font-size: 48px;
			line-height: 56px;
			color: #FFFFFF;
			text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		}

		#proivdeSec .proivdeSlidr .swiper-container {
			direction: ltr;
			width: 249px;
			height: 160px;
			border-radius: 20px;
			padding-bottom: 45px;
		}

		#proivdeSec .proivdeSlidr .swiper-wrapper {
			height: 100%;
			width: 100%;
		}

		#proivdeSec .proivdeSlidr .proivdSwiper {
			width: 100%;
			height: 160px;
		}

		#proivdeSec .proivdeSlidr .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: transparent;
			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		}

		#proivdeSec .proivdeSlidr .swiper-slide-active {
			padding-top: 0;
			padding-bottom: 0;
		}

		#proivdeSec .proivdeSlidr .itemTxtCard {
			width: 300px;
			height: 50px;
			display: flex;
			align-items: center;
		}

			#proivdeSec .proivdeSlidr .itemTxtCard p {
				text-align: center;
				width: 100%;
				color: rgba(255, 255, 255, 0.6);
			}

		#proivdeSec .proivdeSlidr .swiper-slide-active p {
			text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
			font-size: 50px;
			line-height: 45px;
			font-family: 'IRANSansBlack';
			color: #fff;
		}

		#proivdeSec .proivdeSlidr .swiperCard {
			width: 100%;
			height: 100%;
			box-shadow: 0px 3px 15px #00000029;
		}

	#proivdeSec .proivdeSrch {
		background: #FFFFFF;
		border-radius: 10px;
		width: 65%;
		height: 80px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 7px;
		padding-right: 10px;
	}

		#proivdeSec .proivdeSrch .srchDropDn {
			width: calc(100% - 160px);
			height: 90%;
			border-right: 1px solid #E3E3E3;
			padding-left: 4px;
			position: relative;
		}

			#proivdeSec .proivdeSrch .srchDropDn .srchDropSel {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				margin-top: 7px;
			}

			#proivdeSec .proivdeSrch .srchDropDn .srchDropList {
				display: none;
				z-index: 5;
				list-style: none;
				margin: 0;
				padding: 0;
				height: 180px;
				overflow: auto;
				position: absolute;
				top: 47px;
				width: 65%;
				text-align: right;
				max-width: 500px;
				background: rgba(255, 255, 255, 0.98);
				box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
				backdrop-filter: blur(12px);
				border-radius: 10px;
				padding-top: 15px;
				scrollbar-width: thin;
			}

				#proivdeSec .proivdeSrch .srchDropDn .srchDropList::-webkit-scrollbar {
					width: 7px;
					height: 7px;
					background-color: #fff;
				}

				#proivdeSec .proivdeSrch .srchDropDn .srchDropList::-webkit-scrollbar-thumb {
					border-radius: 35px;
					background-color: rgba(0, 0, 0, 0.2);
					-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
				}

		#proivdeSec .proivdeSrch button {
			height: 56px;
			width: 101px;
			display: flex;
			align-items: center;
			background: #FFFFFF;
			border: 1px solid #080F5B;
			box-sizing: border-box;
			border-radius: 10px;
			justify-content: center;
			color: #0D19A3;
			transition: all 0.6s;
		}

			#proivdeSec .proivdeSrch button:hover {
				background-color: #0D19A3;
				color: #fff;
			}

		#proivdeSec .proivdeSrch input {
			height: 100%;
			border: none;
			width: calc(100% - 101px);
			padding-right: 8px;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 22px;
			color: #080F5B;
		}

			#proivdeSec .proivdeSrch input::-webkit-input-placeholder,
			#proivdeSec .proivdeSrch input::-moz-placeholder,
			#proivdeSec .proivdeSrch input:-ms-input-placeholder,
			#proivdeSec .proivdeSrch input:-moz-placeholder {
				color: #B2B2B2;
			}

		#proivdeSec .proivdeSrch .prvidSeleBox {
			width: 160px;
			padding-left: 14px;
			padding-right: 5px;
			text-align: right;
		}

			#proivdeSec .proivdeSrch .prvidSeleBox label {
				margin-bottom: 0;
				font-family: 'IRANSansBold';
				padding-left: 3px;
				font-size: 12px;
				line-height: 14px;
				color: #B3B3B3;
			}

			#proivdeSec .proivdeSrch .prvidSeleBox select {
				width: 100%;
				font-family: 'IRANSansBold';
				font-size: 18px;
				line-height: 21px;
				color: #080F5B;
				border: none;
				background: #fff url('../img/icons/Vector.png') no-repeat right center/12px 8px;
				background-position: top left;
				padding: 0;
				cursor: pointer;
			}

/*********************ourCtgrySec******************/
#ourCtgrySec {
	margin-top: 32px;
}

	#ourCtgrySec .ourCtgryTtle {
		font-family: 'IRANSansBold';
		font-size: 64px;
		line-height: 75px;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		color: #080F5B;
	}

.ourCtgryCrds {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.periodPage .ourCtgryCrds .ourCatCrd {
	width: 19%;
	min-height: 320px;
	height: max-content;
	min-width: 230px;
	margin-left: 10px;
	margin-bottom: 25px;
	position: relative;
	transition: all 0.6s;
}

.indexPage .ourCtgryCrds .ourCatCrd {
	width: 19%;
	min-width: 180px;
	position: relative;
	margin-bottom: 25px;
	border: 2px solid #0D19A326;
	box-sizing: border-box;
	border-radius: 30px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 15px 10px 35px 10px;
	transition: all 0.6s;
}

.ourCtgryCrds .ourCatCrd input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.ourCtgryCrds .ourCatCrd label {
	border: 2px solid #0D19A326;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 30px;
	padding: 15px 10px 35px 10px;
	transition: all 0.6s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ourCtgryCrds .ourCatCrd input:checked ~ label {
	border-color: #0D19A3;
}

.ourCtgryCrds .ourCatCrd:last-child {
	margin-left: 0;
}

.ourCtgryCrds .image_parent {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 30px 30px 0px 0px;
}

.periodPage .ourCtgryCrds .image_parent {
	max-height: 195px;
}

.ourCtgryCrds .image_parent::after {
	content: '';
	display: block;
	padding-top: 81%;
}

.ourCtgryCrds .image_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 30px 30px 0px 0px;
}

	.ourCtgryCrds .image_inner img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 30px 30px 0px 0px;
	}

.ourCtgryCrds .ourCatCrdBdy {
	text-align: center;
	padding-top: 15px;
}

	.ourCtgryCrds .ourCatCrdBdy h4 {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		color: #0D19A3;
		text-align: center;
	}

	.ourCtgryCrds .ourCatCrdBdy small {
		text-align: center;
		display: block;
		margin-top: 7px;
		font-size: 14px;
		line-height: 24px;
		color: #A1A1A1;
		transition: all 0.6s;
	}

.ourCtgryCrds .ourCatRedMor {
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 39px;
	font-size: 14px;
	line-height: 16px;
	font-family: 'IRANSansBold';
	background: #0D19A3;
	color: #fff;
	border-radius: 40px;
	align-items: center;
	justify-content: center;
	display: none;
	transition: all 0.6s;
}

.ourCtgryCrds .ourCatCrd:hover {
	border-color: #0D19A3;
	opacity: 1;
}

	.ourCtgryCrds .ourCatCrd:hover small {
		color: #080F5B;
	}

	.ourCtgryCrds .ourCatCrd:hover .ourCatRedMor {
		display: flex;
	}

.ourCtgryCrds .ourCatRedMor:hover {
	opacity: 1;
	background-color: #080F5B;
}

/********************CoursGroupSec******************/
#CoursGroupSec {
	background-color: #0D19A3;
	padding-top: 50px;
	padding-bottom: 35px;
	margin-top: 32px;
	height: max-content;
}

	#CoursGroupSec .CoursGrpTtle {
		font-family: 'IRANSansBold';
		font-size: 64px;
		line-height: 75px;
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 70px;
		color: #fff;
	}

	#CoursGroupSec .CoursGrpCrds {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

		#CoursGroupSec .CoursGrpCrds .CorsGrpCrd {
			border: 2px solid #0D19A326;
			background-color: #fff;
			box-sizing: border-box;
			border-radius: 5px;
			width: 23%;
			margin-left: 5px;
			margin-right: 5px;
			padding: 15px;
			transition: all 0.6s;
			position: relative;
			display: inline-block;
			margin-bottom: 35px;
		}

		#CoursGroupSec .CoursGrpCrds .crsGropCrdImg {
			width: 100%;
			margin-top: -36px;
			margin-left: auto;
			margin-right: auto;
		}

		#CoursGroupSec .CoursGrpCrds .image_parent {
			display: block;
			position: relative;
			width: 100%;
			overflow: hidden;
			border-radius: 5px 5px 87px 5px;
		}

			#CoursGroupSec .CoursGrpCrds .image_parent::after {
				content: '';
				display: block;
				padding-top: 65%;
			}

		#CoursGroupSec .CoursGrpCrds .image_inner {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 5px 5px 87px 5px;
		}

			#CoursGroupSec .CoursGrpCrds .image_inner img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 5px 5px 87px 5px;
			}

		#CoursGroupSec .CoursGrpCrds .crsGrpCrdBdy {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			margin-top: 15px;
		}

			#CoursGroupSec .CoursGrpCrds .crsGrpCrdBdy h4 {
				font-family: 'IRANSansBold';
				color: #080F5B;
				margin-bottom: 0;
				font-size: 24px;
				line-height: 28px;
			}

			#CoursGroupSec .CoursGrpCrds .crsGrpCrdBdy div {
				min-width: 51px;
				width: 51px;
				height: 51px;
				border: 1px solid rgba(13, 25, 163, 0.15);
				box-sizing: border-box;
				transition: all 0.6s;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #0D19A3;
				transition: all 0.6s;
			}

		#CoursGroupSec .CoursGrpCrds .CorsGrpCrd:hover {
			transform: translateY(-5px);
			filter: drop-shadow(0px 4px 65px rgba(0, 0, 0, 0.25));
			opacity: 1;
		}

			#CoursGroupSec .CoursGrpCrds .CorsGrpCrd:hover .crsGrpCrdBdy div {
				background: #0D19A3;
				color: #fff;
			}

/************************reelsHlpSec*****************/
#reelsHlpSec {
	margin-top: 50px;
	min-height: 270px;
}

	#reelsHlpSec .reelsHlpCrds {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
	}

		#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx {
			width: 23%;
			height: max-content;
			min-height: 150px;
			background: #F9F9F9;
			transition: all 0.6s;
			margin-left: 1%;
			margin-right: 1%;
			padding: 30px 15px;
			transition: all 0.6s;
			margin-bottom: 20px;
		}

	#reelsHlpSec .relsHlpCrdBx .relsHlpsiteNm {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#reelsHlpSec .relsHlpCrdBx .relsHlpsiteNm p {
			color: #080F5B;
		}

		#reelsHlpSec .relsHlpCrdBx .relsHlpsiteNm span {
			color: #FFFFFF;
			border-radius: 0 0 29px 0;
			text-transform: uppercase;
		}

	#reelsHlpSec .relsHlpCrdBx:nth-child(1) .relsHlpsiteNm span {
		background-color: #0D19A3;
	}

	#reelsHlpSec .relsHlpCrdBx:nth-child(2) .relsHlpsiteNm span {
		background-color: #EF5DA8;
	}

	#reelsHlpSec .relsHlpCrdBx:nth-child(3) .relsHlpsiteNm span {
		background-color: #86C232;
	}

	#reelsHlpSec .relsHlpCrdBx:nth-child(4) .relsHlpsiteNm span {
		background-color: #E3690C;
	}

	#reelsHlpSec .relsHlpCrdBx .relsHlpText {
		color: #A1A1A1;
		font-size: 14px;
		line-height: 20px;
		font-family: 'IRANSansBold';
		text-align: center;
		margin-top: 7px;
	}

	#reelsHlpSec .relsHlpCrdBx .relsHlpCrdHvr {
		font-size: 14px;
		line-height: 18px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 20px;
		transition: all 0.6s;
		display: none;
	}

		#reelsHlpSec .relsHlpCrdBx .relsHlpCrdHvr p {
			color: #080F5B;
			margin-bottom: 15px;
		}

		#reelsHlpSec .relsHlpCrdBx .relsHlpCrdHvr a {
			font-family: 'IRANSansBold';
			color: #FFFFFF;
			background: #0D19A3;
			border-radius: 25.5px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
			width: 140px;
			height: 39px;
		}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx:hover {
		transform: scale(1.1);
		background: #F9F9F9;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	}

		#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx:hover .relsHlpCrdHvr {
			display: block;
		}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx:nth-child(1):hover .relsHlpText {
		color: #0D19A3;
	}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx:nth-child(2):hover .relsHlpText {
		color: #EF5DA8;
	}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx:nth-child(3):hover .relsHlpText {
		color: #86C232;
	}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx:nth-child(4):hover .relsHlpText {
		color: #E3690C;
	}

/*********************bestTeachrSec**************/
#bestTeachrSec {
	margin-top: 40px;
	margin-bottom: 70px;
}

	#bestTeachrSec .bestTeachrBx {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#bestTeachrSec .bestTeachrBx .bestTchrTitl {
			text-align: left;
			width: 35%;
		}

			#bestTeachrSec .bestTeachrBx .bestTchrTitl h1 {
				font-family: IRANSansBlack;
				font-size: 50px;
				line-height: 121.5%;
				text-transform: uppercase;
				color: #080F5B;
				margin-bottom: 20px;
				text-align: right;
				width: 275px;
			}

			#bestTeachrSec .bestTeachrBx .bestTchrTitl p {
				font-size: 14px;
				line-height: 20px;
				color: #080F5B;
				text-align: right;
			}

		#bestTeachrSec .bestTeachrBx .bestTchrVideo {
			width: 60%;
		}

		#bestTeachrSec .bestTeachrBx .vjs-poster,
		#bestTeachrSec .bestTeachrBx .video-js {
			background-color: transparent;
		}

			#bestTeachrSec .bestTeachrBx .video-js .vjs-big-play-button {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 247px;
				height: 78px;
				background: rgba(255, 255, 255, 0.85);
				box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
				backdrop-filter: blur(21px);
				border-radius: 77px;
				padding: 1px 10px;
			}

				#bestTeachrSec .bestTeachrBx .video-js .vjs-big-play-button .vjs-icon-placeholder {
					border-radius: 50%;
					background: #0D19A3;
					width: 50px;
					height: 50px;
					display: block;
					position: relative;
				}

					#bestTeachrSec .bestTeachrBx .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
						font-size: 35px;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -47%);
					}

					#bestTeachrSec .bestTeachrBx .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
						font-family: 'IRANSansBold';
						position: absolute;
						left: -150px;
						top: 50%;
						transform: translateY(-50%);
						content: 'WATCH NOW';
						font-size: 24px;
						line-height: 28px;
						color: #0D19A3;
					}

/**********************mostSalesSec**************/
#mostSalesSec {
	background-color: #F9F9F9;
	padding-top: 30px;
	padding-bottom: 30px;
}

	#mostSalesSec .coursTabTitle {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		display: flex;
		align-items: center;
		color: #080F5B;
	}

	#mostSalesSec .coursTabMore {
		background-color: transparent;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 384px;
		height: 49px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #A1A1A1;
		transition: all 0.6s;
	}

		#mostSalesSec .coursTabMore:hover {
			background: #080F5B;
			border-color: #080F5B;
			color: #fff;
		}
/*****************CoursTbCrd**************/
.CoursTabCrds {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
}

	.CoursTabCrds .CoursTbCrd {
		width: 23.9%;
		min-width: 294px;
		height: max-content;
		background: #fff;
		border-radius: 10px;
		transition: all 0.6s;
		display: inline-block;
		margin-left: 8px;
		margin-bottom: 20px;
		vertical-align: top;
		transition: all 0.6s;
	}

		.CoursTabCrds .CoursTbCrd:hover {
			opacity: 1;
			transform: translateY(-3px);
		}

		.CoursTabCrds .CoursTbCrd a.CoursTbCrdLnk {
			display: block;
			width: 100%;
		}

			.CoursTabCrds .CoursTbCrd a.CoursTbCrdLnk:hover {
				opacity: 1;
			}

.CoursTbCrd .CoursCrdImg {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}

	.CoursTbCrd .CoursCrdImg .image_parent {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}

		.CoursTbCrd .CoursCrdImg .image_parent::after {
			content: '';
			display: block;
			padding-top: 60%;
		}

	.CoursTbCrd .CoursCrdImg .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		.CoursTbCrd .CoursCrdImg .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px 10px 0px 0px;
		}

.CoursTabCrds .CoursTbCrd.prlodeCardBx {
	height: 356px;
}

.CoursTabCrds .prlodeCardBx .prlodeCardImg {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.CoursTbCrd .CoursCrdBdy {
	padding: 15px 15px 7px 15px;
}

.CoursTbCrd .CoursCrdTitle {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

	.CoursTbCrd .CoursCrdTitle .CursCrdTtlPrg {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 24px;
		color: #080F5B;
		text-align: right;
		margin-bottom: 0;
		width: 181px;
	}

	.CoursTbCrd .CoursCrdTitle .CursCrdTtlDiv {
		font-family: 'IRANSansBold';
		text-align: center;
	}

		.CoursTbCrd .CoursCrdTitle .CursCrdTtlDiv del {
			font-size: 14px;
			line-height: 16px;
			color: #A1A1A1;
			display: block;
		}

		.CoursTbCrd .CoursCrdTitle .CursCrdTtlDiv span {
			font-size: 18px;
			line-height: 21px;
			display: block;
			color: #0D19A3;
		}

		.CoursTbCrd .CoursCrdTitle .CursCrdTtlDiv small {
			font-size: 8px;
		}

.CoursTbCrd.addedToCard .CoursCrdTitle .CursCrdTtlDiv span {
	color: #E3690C;
}

.CoursTbCrd.addedToCard .CoursCrdTitle .CursCrdTtlDiv small {
	font-size: 8px;
}

.CoursTbCrd.addedToCard .CoursCrdTitle .CursCrdTtlDiv .discntAmntBx {
	font-family: 'IRANSansBold';
	font-size: 18px;
	line-height: 21px;
	color: #FFFFFF;
	text-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	width: 39px;
	height: 37px;
	background: #E3690C;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}

.CoursTbCrd .CoursCrdTags {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 10px;
	margin-bottom: 5px;
}

	.CoursTbCrd .CoursCrdTags .CursCrdTagPrg {
		font-family: 'IRANSansBold';
		background: #F3F3F3;
		border-radius: 5px;
		padding: 5px 10px;
		font-weight: bold;
		font-size: 10px;
		line-height: 12px;
		text-align: center;
		color: #A1A1A1;
		display: block;
		margin-bottom: 10px;
		transition: all 0.6s;
	}

		.CoursTbCrd .CoursCrdTags .CursCrdTagPrg:hover {
			color: #fff;
			background: #0D19A3;
		}

	.CoursTbCrd .CoursCrdTags div {
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'IRANSansBold';
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		color: #FFFFFF;
		width: 95px;
		height: 24px;
		background: #0D19A3;
		border-radius: 5px;
		margin-right: 5px;
		padding-right: 5px;
	}

		.CoursTbCrd .CoursCrdTags div span {
			font-size: 17px;
		}

		.CoursTbCrd .CoursCrdTags div small {
			margin-right: 4px;
		}

		.CoursTbCrd .CoursCrdTags div .verifiedDiv {
			margin-right: 1px;
			text-align: right;
			padding-right: 0;
		}

.CoursTbCrd .crsCrdBdyTxt {
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	color: #A1A1A1;
	display: none;
}

.CoursTbCrd .CoursCrdBtns {
	font-family: 'IRANSansMedium';
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s;
	padding: 0px 15px 0px 15px;
}

	.CoursTbCrd .CoursCrdBtns a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		box-sizing: border-box;
		border-radius: 5px;
		width: 50%;
		flex: 50%;
		height: 46.53px;
		transition: all 0.6s;
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 16px;
	}

.CoursTbCrd .CorsCrdRedMr {
	text-align: center;
	color: #A1A1A1;
	border: 1px solid #A1A1A1;
	margin-left: 5px;
}

.CoursTbCrd .CorsCrdAddTo {
	color: #0D19A3;
	border: 1px solid #0D19A3;
	margin-right: 2px;
}

	.CoursTbCrd .CorsCrdAddTo i {
		font-style: normal;
		margin-right: 5px;
	}

.CoursTbCrd .CorsCrdRedMr:hover {
	background: #A1A1A1;
	opacity: 1;
	color: #fff;
}

.CoursTbCrd .CorsCrdAddTo:hover {
	background: #080F5B;
	color: #fff;
	opacity: 1;
}

.CoursTbCrd .CoursCrdHvr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.6s;
	min-height: 53px;
	margin-top: 1px;
}

.CoursCrdHvr .CoursHvrImg {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	.CoursCrdHvr .CoursHvrImg img {
		width: 34px;
		height: 34px;
		object-fit: cover;
		border-radius: 50%;
		margin-left: 5px;
	}

	.CoursCrdHvr .CoursHvrImg div {
		text-align: right;
	}

	.CoursCrdHvr .CoursHvrImg p {
		font-size: 14px;
		line-height: 141.5%;
		color: #080F5B;
		font-family: 'IRANSansBold';
	}

	.CoursCrdHvr .CoursHvrImg span {
		display: block;
		font-family: 'IRANSansMedium';
		font-size: 10px;
		line-height: 141.5%;
		color: #A1A1A1;
	}

.CoursCrdHvr .CoursHvrTime {
	font-size: 12px;
	line-height: 141.5%;
	color: #0D19A3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	.CoursCrdHvr .CoursHvrTime p {
		margin-right: 3px;
	}

.CoursTabCrds .CoursTbCrd:hover {
	filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
}

/*********************strtTodaySec****************/
#strtTodaySec {
	padding-top: 30px;
	padding-bottom: 30px;
}

	#strtTodaySec .strtTodayBx {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		background: #080F5B;
		border-radius: 30px;
	}

		#strtTodaySec .strtTodayBx .strtTdayLft {
			width: calc(100% - 451px);
			padding: 35px 30px;
			border-radius: 30px 0px 0px 30px;
		}

	#strtTodaySec .strtTdayLft .strtTdayTitl {
		color: #FFFFFF;
		text-align: left;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 20px;
	}

		#strtTodaySec .strtTdayLft .strtTdayTitl h1 {
			font-family: IRANSansBold;
			font-size: 50px;
			line-height: 121.5%;
			width: 255px;
			margin-left: 35px;
			text-transform: uppercase;
			text-align: right;
		}

		#strtTodaySec .strtTdayLft .strtTdayTitl span {
			display: block;
			font-family: 'IRANSansLight';
			font-size: 18px;
			line-height: 141%;
			width: calc(100% - 255px);
			text-align: right;
		}

	#strtTodaySec .strtTdayLft .strtTdayLgos {
		margin-top: 40px;
		margin-bottom: 30px;
	}

		#strtTodaySec .strtTdayLft .strtTdayLgos ul {
			padding-right: 0;
			text-align: right;
		}

		#strtTodaySec .strtTdayLft .strtTdayLgos li {
			margin-left: 12px;
			margin-bottom: 12px;
			display: inline-block;
		}

		#strtTodaySec .strtTdayLft .strtTdayLgos img {
			width: auto;
			height: auto;
			max-width: 144px;
			max-height: 56px;
		}

	#strtTodaySec .strtTdayLft .strtTdayBtn {
		width: 271px;
		height: 70px;
		text-align: center;
		background: #86C232;
		border-radius: 10px;
		color: #fff;
		font-family: IRANSansBold;
		font-size: 24px;
		line-height: 141.5%;
		text-transform: uppercase;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.6s;
	}

		#strtTodaySec .strtTdayLft .strtTdayBtn:hover {
			background: #61892F;
			opacity: 1;
		}

	#strtTodaySec .strtTodayBx .strtTdayRght {
		width: 451px;
		height: 100%;
		border-radius: 30px 0px 0px 30px;
	}

	#strtTodaySec .strtTdayRght img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 30px 0px 0px 30px;
	}

/**********************reelsBlogSec*****************/
#reelsBlogSec {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #F9F9F9;
}

	#reelsBlogSec .reelsBlgTitl {
		font-family: 'IRANSansBlack';
		font-size: 64px;
		line-height: 75px;
		color: #080F5B;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 50px;
	}

	#reelsBlogSec .reelsBlgCrds {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

		#reelsBlogSec .reelsBlgCrds .reelsBlgCrd {
			width: 316px;
			height: max-content;
			background: #fff;
			border-radius: 10px;
			transition: all 0.6s;
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
			margin-bottom: 20px;
		}

	#reelsBlogSec .reelsBlgCrd .blgCrdImg {
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		#reelsBlogSec .reelsBlgCrd .blgCrdImg .image_parent {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
			border-radius: 10px 10px 0px 0px;
		}

			#reelsBlogSec .reelsBlgCrd .blgCrdImg .image_parent::after {
				content: '';
				display: block;
				padding-top: 60%;
			}

		#reelsBlogSec .reelsBlgCrd .blgCrdImg .image_inner {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 10px 10px 0px 0px;
		}

			#reelsBlogSec .reelsBlgCrd .blgCrdImg .image_inner img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 10px 10px 0px 0px;
			}

	#reelsBlogSec .reelsBlgCrd .blgCrdBdy {
		padding: 15px;
	}

	#reelsBlogSec .reelsBlgCrd .blgCrdTitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#reelsBlogSec .reelsBlgCrd .blgCrdTitle h6 {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 24px;
			color: #080F5B;
			text-align: right;
			width: 188px;
		}

		#reelsBlogSec .reelsBlgCrd .blgCrdTitle div {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			color: #A1A1A1;
		}

		#reelsBlogSec .reelsBlgCrd .blgCrdTitle small {
			font-family: 'IRANSansBold';
			font-size: 12px;
			line-height: 14px;
			display: block;
			margin-right: 5px;
		}

	#reelsBlogSec .reelsBlgCrd .blgCrdTags {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 10px;
		margin-bottom: 15px;
	}

		#reelsBlogSec .reelsBlgCrd .blgCrdTags p {
			font-family: 'IRANSansBold';
			background: #F3F3F3;
			border-radius: 5px;
			padding: 5px 10px;
			font-weight: bold;
			font-size: 10px;
			line-height: 12px;
			text-align: center;
			color: #A1A1A1;
			display: block;
			transition: all 0.6s;
		}

			#reelsBlogSec .reelsBlgCrd .blgCrdTags p:hover {
				color: #fff;
				background: #0D19A3;
				;
			}

	#reelsBlogSec .reelsBlgCrd .blgCrdText {
		font-size: 14px;
		line-height: 24px;
		color: #A1A1A1;
		text-align: right;
		height: 90px;
		margin-bottom: 15px;
	}

	#reelsBlogSec .reelsBlgCrd .blgCrdRedMor {
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		width: 100%;
		height: 46px;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #A1A1A1;
		transition: all 0.6s;
	}

	#reelsBlogSec .reelsBlgCrds .reelsBlgCrd:hover {
		filter: drop-shadow(0px 10px 63px rgba(0, 0, 0, 0.1));
		opacity: 1;
	}

	#reelsBlogSec .reelsBlgCrd:hover .blgCrdRedMor {
		background: #0D19A3;
		border-color: #0D19A3;
		color: #fff;
	}

	#reelsBlogSec .viewMorCards {
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 384px;
		height: 49px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #A1A1A1;
		transition: all 0.6s;
	}

		#reelsBlogSec .viewMorCards:hover {
			background: #0D19A3;
			border-color: #0D19A3;
			opacity: 1;
			color: #fff;
		}

/*********************downldAppSec******************/
#downldAppSec {
	margin-top: 50px;
	margin-bottom: 80px;
}

	#downldAppSec .downldAppBx {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		background: #FFFFFF;
		box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
	}

		#downldAppSec .downldAppBx .downldAppImg {
			width: 425px;
			height: 100%;
			border-radius: 0 30px 30px 0px;
		}

			#downldAppSec .downldAppBx .downldAppImg img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 0 30px 30px 0px;
			}

		#downldAppSec .downldAppBx .downldAppTxt {
			padding-right: 20px;
			text-align: right;
			width: calc(100% - 425px);
		}

	#downldAppSec .downldAppTxt .dwnldAppTitl {
		width: 450px;
	}

		#downldAppSec .downldAppTxt .dwnldAppTitl h1 {
			font-family: 'IRANSansBlack';
			text-transform: uppercase;
			font-size: 48px;
			line-height: 75px;
			color: #080F5B;
		}

		#downldAppSec .downldAppTxt .dwnldAppTitl .dwnldApTtl1 {
			color: #0D19A3;
		}

		#downldAppSec .downldAppTxt .dwnldAppTitl .dwnldApTtl2 {
			color: #E3690C;
		}

		#downldAppSec .downldAppTxt .dwnldAppTitl p {
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			margin-top: 30px;
			margin-bottom: 35px;
		}

	#downldAppSec .downldAppBx .appStorLnks {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		#downldAppSec .downldAppBx .appStorLnks a {
			border-radius: 10px;
			display: block;
			width: 256px;
			height: 87px;
			margin-left: 15px;
			transition: all 0.6s;
		}

			#downldAppSec .downldAppBx .appStorLnks a:last-child {
				margin-left: 0;
			}

		#downldAppSec .downldAppBx .appStorLnks img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px;
		}

		#downldAppSec .downldAppBx .appStorLnks a:hover {
			opacity: 1;
			transform: translateY(-3px);
		}

/*********************footer******************/
footer {
	background-color: #F9F9F9;
	border-top: 1px solid #E3E3E3;
	padding-top: 50px;
}

	footer .footerBxOne {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		text-align: right;
	}

		footer .footerBxOne h6 {
			font-size: 24px;
			line-height: 28px;
			color: #A1A1A1;
			font-family: 'IRANSansBold';
			margin-bottom: 20px;
		}

		footer .footerBxOne ul {
			padding-right: 0;
		}

		footer .footerBxOne li {
			margin-bottom: 10px;
		}

		footer .footerBxOne a {
			font-size: 14px;
			line-height: 16px;
			color: #A1A1A1;
			font-family: 'IRANSansMedium';
		}

			footer .footerBxOne a:hover {
				color: #0D19A3;
			}

		footer .footerBxOne .ftrAppStrLnk a {
			width: 265px;
			height: 87px;
			border-radius: 10px;
			display: block;
			margin-bottom: 15px;
			transition: all 0.6s;
		}

			footer .footerBxOne .ftrAppStrLnk a img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 10px;
			}

			footer .footerBxOne .ftrAppStrLnk a:hover {
				opacity: 1;
				transform: translateY(-3px);
			}

	footer .footerBxTwo {
		margin-bottom: 70px;
		margin-top: 35px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

		footer .footerBxTwo .ftrBxSocial ul {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin-right: 8px;
			padding-right: 0;
		}

		footer .footerBxTwo .ftrBxSocial li {
			margin-right: 18px;
		}

			footer .footerBxTwo .ftrBxSocial li a {
				width: 25px;
				height: 25px;
				display: flex;
				align-items: center;
				justify-content: space-around;
				transition: all 0.6s;
			}

			footer .footerBxTwo .ftrBxSocial li img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all 0.6s;
			}

		footer .footerBxTwo .ftrBxAddres ul {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			text-align: right;
			padding-right: 0;
		}

		footer .footerBxTwo .ftrBxAddres li {
			color: #A1A1A1;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-left: 20px;
		}

			footer .footerBxTwo .ftrBxAddres li:last-child {
				margin-left: 0;
			}

		footer .footerBxTwo .ftrBxAddres small {
			width: 53px;
			height: 53px;
			min-width: 53px;
			background: #FFFFFF;
			border-radius: 13px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #A1A1A1;
		}

		footer .footerBxTwo .ftrBxAddres .fltrAdrsTitl {
			font-size: 14px;
			line-height: 24px;
			margin-right: 8px;
			text-align: right;
		}

			footer .footerBxTwo .ftrBxAddres .fltrAdrsTitl div {
				direction: ltr;
			}

			footer .footerBxTwo .ftrBxAddres .fltrAdrsTitl p {
				font-size: 14px;
				line-height: 100%;
				font-family: 'IRANSansBold';
			}

	footer .ftrCpyRight {
		background: #FFFFFF;
		border-top: 1px solid #E3E3E3;
		box-sizing: border-box;
	}

	footer .copyRightBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 10px;
		padding-bottom: 10px;
	}

		footer .copyRightBox p {
			font-size: 12px;
			line-height: 20px;
			color: #A1A1A1;
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

			footer .copyRightBox p i {
				margin-right: 5px;
				font-style: normal;
				line-height: 140%;
			}

		footer .copyRightBox .ftrReelsLink {
			color: #0D19A3;
			font-family: 'IRANSansBold';
		}

		footer .copyRightBox .ftrDsnrLink {
			font-family: 'IRANSansBold';
		}


/*************************GrammerPage***************************/
/************************snglGramrArtcl****************/
#snglGramrArtcl .snglGramrBox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

	#snglGramrArtcl .snglGramrBox .GrmrStkyMnu {
		position: sticky;
		margin-bottom: 20px;
		padding-top: 25px;
		width: 30%;
	}

#snglGramrArtcl .GrmrStkyMnu .GrmrStkyMnuDiv {
	display: block;
}

#snglGramrArtcl .snglGramrBox .GrmrStkyList1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-right: 0;
}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList1 li {
		width: 109px;
		background: #F5F5F5;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		padding: 10px 5px;
		height: 109px;
	}

		#snglGramrArtcl .snglGramrBox .GrmrStkyList1 li p {
			display: block;
			width: 100%;
			flex: 100%;
			text-align: center;
		}

#snglGramrArtcl .GrmrStkyList1 .GrmrStkyCat img {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	margin-top: -4px;
}

#snglGramrArtcl .GrmrStkyList1 .GrmrStkyCat p {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn {
	margin-left: 8px;
	margin-right: 8px;
}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn p {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 32px;
		color: #080F5B;
	}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU div,
	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn div {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 9px;
	}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU span,
	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn span {
		color: #0D19A3;
	}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU small,
	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn small {
		font-family: 'IRANSansBold';
		font-size: 12px;
		line-height: 14px;
		color: #A1A1A1;
		margin-left: 2px;
	}

#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU p {
	font-family: 'IRANSansBold';
	display: block;
	font-size: 14px;
	line-height: 34px;
	color: #080F5B;
	text-align: center;
}

#snglGramrArtcl .snglGramrBox .GrmrStkyList2 {
	padding-right: 0;
}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px;
		margin-bottom: 10px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 .GrmrLiTitle {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		color: #A1A1A1;
	}

#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv {
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv .GrmrLiPrice {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		color: #0D19A3;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv small {
		font-size: 8px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv del {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv .GrmrLiSale {
		font-size: 12px;
		line-height: 14px;
		color: #A1A1A1;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		flex: 100%;
	}

		#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv .GrmrLiSale i {
			font-style: normal;
			margin-right: 3px;
		}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv .discntAmntBx {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 21px;
		color: #FFFFFF;
		width: 39px;
		height: 39px;
		background: #E3690C;
		border-radius: 9px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 10px;
	}

#snglGramrArtcl .GrmrLiTitlDiv .grmmrPrtcpatDiv {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	#snglGramrArtcl .GrmrLiTitlDiv .grmmrPrtcpatDiv div {
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 21px;
		color: #0D19A3;
	}

#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 0;
}

#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 li {
		border-radius: 50%;
		margin-left: -8px;
		width: 26px;
		height: 26px;
	}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 p {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		color: #A1A1A1;
	}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 li:last-child {
		margin-left: 0;
	}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 li img {
		width: 26px;
		height: 26px;
		border-radius: 50%;
		object-fit: cover;
	}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 .grmmrPrtcpatDiv {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyList3 span {
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 21px;
		color: #0D19A3;
	}

#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child {
	background: #F5F5F5;
	border-radius: 10px;
	padding: 20px 15px;
}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child span {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child .GrmrLiTitle {
		font-family: 'IRANSansBold';
	}

#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:nth-child(3) {
	color: #E3690C;
}

#snglGramrArtcl .snglGramrBox li.GrmrStkyttleBx {
	background: #F5F5F5;
	border-radius: 10px;
	padding: 20px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

#snglGramrArtcl .snglGramrBox .GrmrStkyttleBx span {
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

#snglGramrArtcl .snglGramrBox .GrmrStkyttleBx .GrmrLiTitle {
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	color: #A1A1A1;
}

#snglGramrArtcl .GrmrStkyMnu .GrmrStkyAdd {
	font-family: 'IRANSansBold';
	font-size: 18px;
	line-height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	width: 100%;
	height: 73px;
	background: #0D19A3;
	border-radius: 10px;
	text-transform: uppercase;
	transition: all 0.6s;
}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyAdd i {
		font-style: normal;
		margin-right: 5px;
	}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyAdd:hover {
		background: #080F5B;
		opacity: 1;
	}

#snglGramrArtcl .GrmrStkyMnu .GrmrStkyNtic {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'IRANSansMedium';
	font-size: 12px;
	line-height: 14px;
	color: #0D19A3;
	margin-top: 15px;
}

	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyNtic small {
		margin-left: 5px;
	}

#snglGramrArtcl .GrmrStkyMnu .mnyBkGurranty {
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

#snglGramrArtcl .mnyBkGurranty .mnyBkGrrntyTxt {
	width: calc(100% - 66px);
	padding-left: 1px;
	padding-right: 9px;
	text-align: right;
}

#snglGramrArtcl .GrmrStkyMnu .mnyBkGurranty p {
	font-family: IRANSansBold;
	font-size: 18px;
	line-height: 21px;
	color: #00E083;
}

#snglGramrArtcl .GrmrStkyMnu .mnyBkGurranty span {
	font-size: 14px;
	line-height: 141.5%;
	color: #080F5B;
	display: block;
}

#snglGramrArtcl .GrmrStkyMnu .mnyBkGurranty .mnyBkGrrntyImg {
	width: 66px;
	height: 66px;
}

#snglGramrArtcl .mnyBkGurranty .mnyBkGrrntyImg img {
	width: 100%;
	height: 100%;
}

#snglGramrArtcl .snglGramrBox .snglGrmrCntnt {
	border-left: 1px solid #E5E5E5;
	width: 70%;
	padding-top: 25px;
}

#snglGramrArtcl .snglGrmrCntnt .snglGrmrVideoBx {
	padding-left: 20px;
}

#snglGramrSec .snglGrmrVideoBx .grmrCntntTitl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

#snglGramrSec .snglGrmrVideoBx .grmrTitlLft {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

	#snglGramrSec .snglGrmrVideoBx .grmrTitlLft h2 {
		font-family: 'IRANSansBold';
		margin-left: 10px;
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
	}

	#snglGramrSec .snglGrmrVideoBx .grmrTitlLft p {
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'IRANSansBold';
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		color: #FFFFFF;
		width: 95px;
		height: 24px;
		background: #0D19A3;
		border-radius: 5px;
	}

		#snglGramrSec .snglGrmrVideoBx .grmrTitlLft p span {
			font-size: 17px;
		}

		#snglGramrSec .snglGrmrVideoBx .grmrTitlLft p small {
			margin-left: 5px;
			line-height: 15px;
		}

#snglGramrSec .snglGrmrVideoBx .grmrTitlRght {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 15px;
}

#snglGramrSec .grmrTitlRght .grmrTitlViews {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #A1A1A1;
	font-family: 'IRANSansMedium';
	font-size: 18px;
	line-height: 21px;
	margin-left: 25px;
}

	#snglGramrSec .grmrTitlRght .grmrTitlViews p {
		margin-right: 3px;
	}

#snglGramrSec .snglGrmrVideoBx .grmrTitlRght .rate p {
	font-size: 14px;
	line-height: 16px;
	color: #A1A1A1;
	margin-left: 10px;
}

#snglGramrSec .snglGrmrVideoBx .grmrTitlRght p small {
	font-family: 'IRANSansMedium';
	font-size: 18px;
	line-height: 21px;
	color: #E3690C;
}

#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo {
	width: 100%;
	height: 430px;
	margin-top: 20px;
	position: relative;
}

	#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo img {
		width: 100%;
		height: 100%;
	}

	#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo .video-js .vjs-tech {
		height: 100%;
	}

	#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo .video-js.vjs-fluid {
		height: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}

#snglGramrSec .snglGrmrVideoBx .vjs-poster {
	background-size: cover;
}

#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 247px;
	height: 78px;
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(21px);
	border-radius: 77px;
	padding: 1px 10px;
}

	#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button .vjs-icon-placeholder {
		border-radius: 50%;
		background: #0D19A3;
		width: 50px;
		height: 50px;
		display: block;
		position: relative;
		transition: all 0.6s;
	}

		#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
			font-size: 35px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -47%);
		}

		#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
			font-family: 'IRANSansBold';
			position: absolute;
			left: -150px;
			top: 50%;
			transform: translateY(-50%);
			content: 'WATCH NOW';
			font-size: 24px;
			line-height: 28px;
			color: #0D19A3;
		}

	#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button:hover,
	#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button:hover .vjs-icon-placeholder:after {
		color: #080F5B;
	}

		#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button:hover .vjs-icon-placeholder {
			background: #fff;
		}

#snglGramrSec .grmrTabBox {
	margin-top: 55px;
}

	#snglGramrSec .grmrTabBox .tabVideoCntnt {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-top: 30px;
	}

#snglGramrSec .tabVideoCntnt .TabVideoBox {
	width: 40%;
}

	#snglGramrSec .tabVideoCntnt .TabVideoBox .vjs-poster,
	#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js {
		background-color: transparent;
	}

		#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js .vjs-big-play-button {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 78px;
			height: 78px;
			background: rgba(255, 255, 255, 0.85);
			box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
			backdrop-filter: blur(21px);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js .vjs-big-play-button .vjs-icon-placeholder {
				border-radius: 50%;
				background: #0D19A3;
				width: 50px;
				height: 50px;
				display: block;
				position: relative;
				margin-right: 0;
				transition: all 0.6s;
			}

				#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
					font-size: 35px;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -47%);
				}

			#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js .vjs-big-play-button:hover {
				color: #080F5B;
			}

				#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js .vjs-big-play-button:hover .vjs-icon-placeholder {
					background: #fff;
				}

#snglGramrSec .TabVideoBox .vjs-playing .vjs-big-play-button,
#snglGramrSec .TabVideoBox .vjs-error .vjs-big-play-button,
#snglGramrSec .TabVideoBox .vjs-has-started .vjs-big-play-button {
	display: none !important;
}

#snglGramrSec .grmrTabBox .TabVideoBxTxt {
	width: 60%;
	padding-right: 20px;
}

#snglGramrSec .TabVideoBxTxt .TabVideoBxTtl {
	font-size: 24px;
	line-height: 141.5%;
	font-family: 'IRANSansMedium';
	color: #080F5B;
	margin-bottom: 15px;
	text-align: right;
}

#snglGramrSec .TabVideoBxTxt .TabVidBxPrgrf {
	font-size: 18px;
	line-height: 141.5%;
	color: #080F5B;
	text-align: right;
}

#snglGramrSec .TabVideoBxTxt .TabVideoBxBtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

	#snglGramrSec .TabVideoBxTxt .TabVideoBxBtn div {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #E3690C;
	}

		#snglGramrSec .TabVideoBxTxt .TabVideoBxBtn div p {
			margin-right: 5px;
			text-align: right;
		}

		#snglGramrSec .TabVideoBxTxt .TabVideoBxBtn div small {
			display: block;
		}

#snglGramrSec .grmrTabBox .VideoBuyLnk {
	width: 159px;
	height: 57px;
	border: 1px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 10px;
	transition: all 0.6s;
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0D19A3;
}

	#snglGramrSec .grmrTabBox .VideoBuyLnk i {
		font-style: normal;
		margin-right: 5px;
	}

	#snglGramrSec .grmrTabBox .VideoBuyLnk:hover {
		background: #0D19A3;
		color: #fff;
	}

#snglGramrSec .grmrTabBox .tabVidPreReq .VideoBuyLnk,
#snglGramrSec .grmrTabBox .tabVidComplet .VideoBuyLnk {
	height: 51px;
	width: 143px;
}

#snglGramrSec .grmrTabBox .tabVidPreReq .tabVidPreReqTtl,
#snglGramrSec .grmrTabBox .tabVidComplet .tabVidPreReqTtl {
	font-family: 'IRANSansBold';
	font-size: 36px;
	line-height: 42px;
	color: #080F5B;
	margin-bottom: 15px;
	text-align: right;
}

	#snglGramrSec .grmrTabBox .tabVidPreReq .tabVidPreReqTtl h3,
	#snglGramrSec .grmrTabBox .tabVidComplet .tabVidPreReqTtl h3 {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		margin-bottom: 15px;
		text-align: right;
	}

#snglGramrSec .grmrTabBox .tabVidPreReq small {
	font-size: 18px;
	line-height: 25px;
	color: #080F5B;
	display: block;
	margin-top: 10px;
}

#snglGramrSec .grmrTabBox .tabVidPreReq ul,
#snglGramrSec .grmrTabBox .tabVidComplet ul {
	margin-bottom: 40px;
	padding-right: 0;
}

#snglGramrSec .grmrTabBox .tabVidPreReq li,
#snglGramrSec .grmrTabBox .tabVidComplet li {
	min-height: 68px;
	width: 100%;
	background: #F9F9F9;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 8px;
}

#snglGramrSec .tabVidPreReq li .tabVidPReqTtl,
#snglGramrSec .tabVidComplet li .tabVidPReqTtl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: 'IRANSansMedium';
	font-size: 18px;
	line-height: 21px;
	color: #0D19A3;
}

	#snglGramrSec .tabVidPreReq li .tabVidPReqTtl i,
	#snglGramrSec .tabVidComplet li .tabVidPReqTtl i {
		font-style: normal;
		margin-right: 8px;
	}

#snglGramrSec .tabVidPreReq li .tabVidPReqTime,
#snglGramrSec .tabVidComplet li .tabVidPReqTime {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #A1A1A1;
}

	#snglGramrSec .tabVidPreReq li .tabVidPReqTime p,
	#snglGramrSec .tabVidComplet li .tabVidPReqTime p {
		margin-right: 10px;
		font-size: 14px;
		font-family: 'IRANSansBold';
		line-height: 16px;
		text-align: right;
	}

	#snglGramrSec .tabVidPreReq li .tabVidPReqTime i,
	#snglGramrSec .tabVidComplet li .tabVidPReqTime i {
		font-style: normal;
		display: block;
	}

#snglGramrSec li .tabVidPReqTtl .snippetFIcon {
	color: #E3690C;
}

#snglGramrSec .tabAboutCntnt .tabAbotHding1,
#snglGramrSec .tabAboutCntnt .tabAbotHding2,
#snglGramrSec .tabAboutCntnt .tabAbotHding3,
#snglGramrSec .tabAboutCntnt .tabAbotHding4 {
	color: #0D19A3;
	font-family: 'IRANSansBold';
	margin-top: 30px;
	text-align: right;
}

#snglGramrSec .tabAboutCntnt .tabAbotHding1 {
	font-size: 48px;
	line-height: 65px;
}

#snglGramrSec .tabAboutCntnt .tabAbotHding2 {
	font-size: 36px;
	line-height: 63px;
}

#snglGramrSec .tabAboutCntnt .tabAbotHding3 {
	font-size: 24px;
	line-height: 42px;
}

#snglGramrSec .tabAboutCntnt .tabAbotHding4 {
	font-size: 18px;
	line-height: 28px;
}

#snglGramrSec .grmrTabBox .tabAboutCntnt p {
	font-size: 18px;
	line-height: 141.5%;
	color: #080F5B;
	text-align: right;
}

#snglGramrSec .tabCOMMENTSBx .tabCmmntForm {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 30px;
}

	#snglGramrSec .tabCOMMENTSBx .tabCmmntForm .tabCmmntRate {
		width: 175px;
		height: 165px;
		background: #F8F8F8;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

#snglGramrSec .tabCOMMENTSBx .tabCmmntRate .myVote {
	font-family: 'IRANSansBold';
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
}

	#snglGramrSec .tabCOMMENTSBx .tabCmmntRate .myVote span {
		font-size: 64px;
		line-height: 75px;
	}

#snglGramrSec .tabCOMMENTSBx .tabCmmntRate p {
	font-family: 'IRANSansMedium';
	font-size: 12px;
	line-height: 14px;
	color: #A1A1A1;
	margin-top: 15px;
	margin-bottom: 15px;
}

#snglGramrSec .tabCOMMENTSBx .myVoteBox .rating_starUL {
	padding: 0;
	height: 24px;
	direction: rtl;
}

#snglGramrSec .tabCOMMENTSBx .myVoteBox .star_item {
	display: inline-block;
}

	#snglGramrSec .tabCOMMENTSBx .myVoteBox .star_item i {
		font-size: 23px;
		color: #A1A1A1;
		cursor: pointer;
	}

	#snglGramrSec .tabCOMMENTSBx .myVoteBox .star_item.is-hover > i {
		color: #E3690C;
	}

	#snglGramrSec .tabCOMMENTSBx .myVoteBox .star_item.is-selected > i {
		color: #E3690C;
	}

#snglGramrSec .tabCOMMENTSBx .tabCmmntForm form {
	width: calc(100% - 200px);
}

#snglGramrSec .tabCOMMENTSBx .tabCommentsUl {
	margin-top: 45px;
	padding-right: 0;
}

#snglGramrSec .tabCOMMENTSBx .tabCommentsLi {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

#snglGramrSec .tabCommentsLi .tabCommntsImg {
	width: 87px;
	height: 87px;
	border-radius: 50%;
}

	#snglGramrSec .tabCommentsLi .tabCommntsImg img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: cover;
	}

#snglGramrSec .tabCommentsLi .tbCommntsCntnt {
	width: calc(100% - 95px);
}

	#snglGramrSec .tabCommentsLi .tbCommntsCntnt .tbCmmntsTitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}

#snglGramrSec .tabCommentsLi .tbCmmntsAuthor {
	text-align: right;
}

	#snglGramrSec .tabCommentsLi .tbCmmntsAuthor p {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		font-family: 'IRANSansBold';
		margin-bottom: 5px;
	}

	#snglGramrSec .tabCommentsLi .tbCmmntsAuthor small {
		display: block;
		font-size: 12px;
		line-height: 14px;
		color: #A1A1A1;
		font-family: 'IRANSansMedium';
	}

#snglGramrSec .tabCommentsLi .tbCommntsText {
	text-align: right;
	font-size: 14px;
	line-height: 22px;
	color: #080F5B;
	margin-top: 12px;
}

#snglGramrSec .tabCOMMENTSBx .tabCmmntsMore {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #A1A1A1;
	width: 384px;
	height: 49px;
	border: 1px solid #A1A1A1;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all 0.6s;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

	#snglGramrSec .tabCOMMENTSBx .tabCmmntsMore:hover {
		background: #0D19A3;
		color: #fff;
		opacity: 1;
	}

#snglGramrSec .tabCOMMENTSBx .myVoteBox {
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid rgba(13, 25, 163, 0.15);
	width: 100%;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	padding: 1px 8px;
}

	#snglGramrSec .tabCOMMENTSBx .myVoteBox small {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

#snglGramrSec .tabCOMMENTSBx .cmntFrmBtn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	#snglGramrSec .tabCOMMENTSBx .cmntFrmBtn button {
		width: 180px;
		height: 74px;
		background: #0D19A3;
		border: 1px solid #0D19A3;
		border-radius: 10px;
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 21px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		margin-right: 25px;
		transition: all 0.6s;
	}

		#snglGramrSec .tabCOMMENTSBx .cmntFrmBtn button:hover {
			background: #080F5B;
		}

#snglGramrSec .grmrTabBox .tabQuiz {
	padding-top: 50px;
}

	#snglGramrSec .grmrTabBox .tabQuiz .tabQuizTitl {
		margin-bottom: 20px;
		text-align: right;
	}

#snglGramrSec .tabQuiz .tabQuizTitl h4 {
	font-family: 'IRANSansBold';
	font-size: 36px;
	line-height: 42px;
	color: #0D19A3;
	margin-bottom: 15px;
}

#snglGramrSec .tabQuiz .tabQuizTitl p {
	font-size: 18px;
	line-height: 141.5%;
	color: #080F5B;
}

#snglGramrSec .grmrTabBox .tabQuiz .tabQuizItem {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
}

#snglGramrSec .tabQuiz .tabQuizItem .tabQItmQusBx {
	font-family: 'IRANSansBold';
	font-size: 24px;
	line-height: 28px;
	color: #080F5B;
	margin-bottom: 20px;
	text-align: right;
}

#snglGramrSec .tabQuizItem .custom-control-label {
	font-size: 14px;
	line-height: 25px;
	color: #080F5B;
	cursor: pointer;
	padding-right: 1.5rem;
	;
}

#snglGramrSec .tabQuizItem .custom-radio .custom-control-label::before {
	border-radius: 3px;
}

#snglGramrSec .tabQuizItem .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	/*background-image: url('../img/icons/download.svg');*/
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

#snglGramrSec .tabQuizItem .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #080F5B;
	border-color: #080F5B;
}

#snglGramrSec .tabQuizItem .custom-radio .custom-control-label:before,
#snglGramrSec .tabQuizItem .custom-radio .custom-control-label:after {
	left: auto;
	right: 0;
}

#snglGramrSec .tabQuizItem .tabQuizItmRslt {
	width: 209px;
	height: 40px;
	background: #F9F9F9;
	border-radius: 5px;
	margin-top: 20px;
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	transition: all 0.6s;
}

	#snglGramrSec .tabQuizItem .tabQuizItmRslt small {
		color: #A1A1A1;
	}

	#snglGramrSec .tabQuizItem .tabQuizItmRslt div {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

		#snglGramrSec .tabQuizItem .tabQuizItmRslt div p {
			padding-right: 5px;
		}

#snglGramrSec .tabQuizItem .tabQzPendRslt {
	color: #A1A1A1;
}

#snglGramrSec .tabQuizItem .tabQzFalsRslt {
	color: #F86262;
}

#snglGramrSec .tabQuizItem .tabQzTrueRslt {
	color: #86C232;
}

#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBox {
	margin-top: 40px;
}

	#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBox ul {
		padding-right: 0;
	}

	#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBox form {
		text-align: right;
	}

#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBtns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
}

	#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBtns button {
		text-align: center;
		color: #0D19A3;
		width: 186px;
		height: 49px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		background-color: #fff;
		margin-left: 10px;
		text-transform: uppercase;
		transition: all 0.6s;
	}

		#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBtns button.submited {
			color: #A1A1A1;
			background: #EEEEEE;
			border: 1px solid #EEEEEE;
		}

		#snglGramrSec .grmrTabBox .tabQuiz .tabQuizBtns button:hover {
			color: #fff;
			background: #0D19A3;
		}

#snglGramrSec .grmrTabBox .tabQuiz .tabQuizResult {
	background: #FFFFFF;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 20px 25px;
	margin-top: 50px;
	transition: all 0.6s;
}

#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltImg {
	width: 125px;
	height: 125px;
}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList {
	width: calc(100% - 175px);
}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList h4 {
		font-weight: bold;
		font-size: 24px;
		line-height: 28px;
		color: #080F5B;
		margin-bottom: 20px;
		text-align: right;
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 0;
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList li {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 33%;
	}

		#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList li:nth-child(2) {
			border-right: 1px solid rgba(13, 25, 163, 0.15);
			border-left: 1px solid rgba(13, 25, 163, 0.15);
			padding-right: 20px;
			padding-left: 20px;
			margin-left: 20px;
			margin-right: 20px;
		}

		#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList li:nth-child(2),
		#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList li:nth-child(3) {
			justify-content: center;
		}

#snglGramrSec .tabQuizResult .tabQzRsltList li small {
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
	margin-right: 8px;
	text-align: right;
}

#snglGramrSec .tabQuizResult .tabQzRsltList li span {
	font-family: 'IRANSansBold';
	font-size: 48px;
	line-height: 56px;
}

#snglGramrSec .tabQuizResult .tabQzRsltList li:first-child span {
	color: #86C232;
}

#snglGramrSec .tabQuizResult .tabQzRsltList li:nth-child(2) span {
	color: #F86262;
}

#snglGramrSec .tabQuizResult .tabQzRsltList li:last-child {
	border-left: 0;
}

	#snglGramrSec .tabQuizResult .tabQzRsltList li:last-child span {
		color: #A1A1A1;
	}

.tabVidAcord {
	background: #F9F9F9;
	border-radius: 10px;
	border: none;
	margin-top: 20px;
}

#snglGramrSec #tabVidAcord1,
#snglGramrSec #tabVidAcord3 {
	margin-top: 45px;
}

.tabVidAcord .card {
	border: none;
	border-radius: 10px;
}

.tabVidAcord .card-header {
	background: #F9F9F9;
	border-radius: 10px;
	border: none;
}

	.tabVidAcord .card-header.CrdOpend {
		border-radius: 10px 10px 0 0;
	}

.tabVidAcord .card-body {
	background: #F9F9F9;
	border: none;
	border-radius: 0 0 10px 10px;
}

.tabVidAcord .cardLink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: #F9F9F9;
	border-radius: 10px 10px 0 0;
}

	.tabVidAcord .cardLink div {
		width: calc(100% - 70px);
		text-align: right;
	}

		.tabVidAcord .cardLink div h3 {
			font-family: 'IRANSansBold';
			font-size: 36px;
			line-height: 42px;
			color: #080F5B;
			margin-bottom: 15px;
		}

		.tabVidAcord .cardLink div small {
			display: block;
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
		}

	.tabVidAcord .cardLink .expandIconBx {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		border-radius: 50%;
		border: 1px solid rgba(13, 25, 163, 0.15);
		width: 64px;
		height: 64px;
	}

		.tabVidAcord .cardLink .expandIconBx span {
			font-size: 40px;
			color: #080F5B;
			transition: all 0.6s;
		}

	.tabVidAcord .cardLink span.collpsedSpan {
		transform: rotate(180deg);
	}

.tabVidAcord .card-body ul {
	padding-right: 0;
}

.tabVidAcord .card-body li {
	min-height: 68px;
	width: 100%;
	background: #fff;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 8px;
}

#snglGramrSec .tabVidAcord .card-body .tabVidPReqTime {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #A1A1A1;
}

#snglGramrSec .tabVidAcord .card-body li .tabVidfileVolum {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #A1A1A1;
	text-align: center;
	min-width: 48px;
}

#snglGramrSec .tabVidAcord .card-body li .tabVidPReqTime p {
	margin-right: 10px;
	font-size: 14px;
	font-family: 'IRANSansBold';
	line-height: 16px;
}

#snglGramrSec .tabVidAcord .card-body li .tabVidPReqTime i {
	font-style: normal;
	display: block;
}

#snglGramrSec .tabVidAcord .card-body li .tabVidPReqTtl i {
	font-style: normal;
	margin-right: 8px;
}

#snglGramrSec .tabVidAcord .card-body .tabVidPReqTtl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: 'IRANSansMedium';
	font-size: 18px;
	line-height: 21px;
	color: #0D19A3;
}

#snglGramrSec .tabVidAcord .card-body .tabVidDwnldLnk {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	#snglGramrSec .tabVidAcord .card-body .tabVidDwnldLnk a {
		width: 90px;
		height: 51px;
		border: 1px solid #E3690C;
		box-sizing: border-box;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'IRANSansMedium';
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		color: #E3690C;
		margin-right: 20px;
		transition: all 0.6s;
	}

		#snglGramrSec .tabVidAcord .card-body .tabVidDwnldLnk a:hover {
			color: #fff;
			background-color: #E3690C;
		}

		#snglGramrSec .tabVidAcord .card-body .tabVidDwnldLnk a i {
			font-style: normal;
			margin-left: 5px;
		}

#snglGramrSec .tabVidAcord .card-body a .material-icons-outlined {
	padding-bottom: 4px;
}

#snglGramrSec .tabVidAcord .card-body li:last-child .snippetFIcon {
	color: #E3690C;
}

#snglGramrSec .tabVidAcord .tabVidFeeBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	#snglGramrSec .tabVidAcord .tabVidFeeBox p {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		color: #0D19A3;
		width: 115px;
		text-align: center;
	}

	#snglGramrSec .tabVidAcord .tabVidFeeBox small {
		font-size: 8px;
	}

	#snglGramrSec .tabVidAcord .tabVidFeeBox .tabVidFeBxRdMd {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #A1A1A1;
		width: 106px;
		height: 51px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 10px;
		margin-left: 5px;
		transition: all 0.6s;
	}

		#snglGramrSec .tabVidAcord .tabVidFeeBox .tabVidFeBxRdMd:hover {
			background: #0D19A3;
			color: #fff;
		}

	#snglGramrSec .tabVidAcord .tabVidFeeBox .VideoBuyLnk {
		width: 135px;
		height: 51px;
		margin-left: 5px;
	}

#snglGramrSec .tabVidAcord .pakageCrdLst {
	min-height: 82px;
	width: 100%;
	background: #FFFFFF;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px 10px;
	margin-bottom: 15px;
}

	#snglGramrSec .tabVidAcord .pakageCrdLst strong {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 21px;
		color: #080F5B;
	}

	#snglGramrSec .tabVidAcord .pakageCrdLst div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		#snglGramrSec .tabVidAcord .pakageCrdLst div img {
			width: 29px;
			height: 30px;
			margin-right: 3px;
		}

		#snglGramrSec .tabVidAcord .pakageCrdLst div p {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
			margin-right: 3px;
		}

		#snglGramrSec .tabVidAcord .pakageCrdLst div small {
			font-size: 12px;
			line-height: 141.5%;
			color: #A1A1A1;
			margin-right: 2px;
		}

		#snglGramrSec .tabVidAcord .pakageCrdLst div:nth-child(3) span {
			color: #86C232;
		}

		#snglGramrSec .tabVidAcord .pakageCrdLst div:nth-child(4) span {
			color: #E3690C;
		}

#snglGramrSec .tabVidAcord .pakageCrdMorLnk {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #A1A1A1;
	margin-top: 20px;
	width: 144px;
	height: 44px;
	background: #F0F0F0;
	border-radius: 5px;
}

#snglGramrSec .tabVidAcord .collpsCrdList {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

	#snglGramrSec .tabVidAcord .collpsCrdList .collpsCrdBox {
		width: 23%;
		min-width: 180px;
		margin: 5px 5px;
		border-radius: 10px;
		display: block;
		transition: all 0.6s;
	}

		#snglGramrSec .tabVidAcord .collpsCrdList .collpsCrdBox:hover {
			background-color: #fff;
			opacity: 1;
		}

#snglGramrSec .tabVidAcord .collpsCrdBox .image_parent {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

	#snglGramrSec .tabVidAcord .collpsCrdBox .image_parent::after {
		content: '';
		display: block;
		padding-top: 60%;
	}

#snglGramrSec .tabVidAcord .collpsCrdBox .image_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

	#snglGramrSec .tabVidAcord .collpsCrdBox .image_inner img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}

#snglGramrSec .tabVidAcord .collpsCrdBox p {
	font-family: 'IRANSansMedium';
	font-size: 12px;
	line-height: 14px;
	color: #080F5B;
	margin: 10px 5px 15px 5px;
	text-align: right;
}

/**********************GrammerListPage***************************/
#grmmrSrchSec {
	margin-top: 20px;
	margin-bottom: 40px;
}

	#grmmrSrchSec .grmrLstSrchBox {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
	}

		#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft {
			width: calc(70% - 15px);
			min-height: 440px;
			height: 100%;
			position: relative;
			margin-left: 15px;
			border-radius: 10px;
		}

			#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				min-height: 440px;
				border-radius: 10px;
			}

.grmmrSrchRight {
	width: 30%;
	background: #F9F9F9;
	border-radius: 10px;
	padding: 15px;
}

	.grmmrSrchRight .grmmrRcomndTtl {
		text-align: center;
		margin-bottom: 15px;
		margin-top: 10px;
	}

		.grmmrSrchRight .grmmrRcomndTtl p {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		.grmmrSrchRight .grmmrRcomndTtl h3 {
			font-family: 'IRANSansBold';
			font-size: 24px;
			line-height: 28px;
			color: #E3690C;
		}

			.grmmrSrchRight .grmmrRcomndTtl h3 span {
				color: #0D19A3;
			}

			.grmmrSrchRight .grmmrRcomndTtl h3 small {
				color: #86C232;
			}

	.grmmrSrchRight .grmmrRcomndCrd {
		margin-top: 20px;
		width: 100%;
		background-color: #fff;
		filter: drop-shadow(0px 10px 63px rgba(0, 0, 0, 0.1));
		border-radius: 10px;
		display: block;
		transition: all 0.6s;
	}

		.grmmrSrchRight .grmmrRcomndCrd:hover {
			opacity: 1;
			transform: translateY(-3px);
		}

		.grmmrSrchRight .grmmrRcomndCrd .image_parent {
			display: block;
			position: relative;
			width: 100%;
			overflow: hidden;
			border-radius: 10px 10px 0px 0px;
		}

			.grmmrSrchRight .grmmrRcomndCrd .image_parent::after {
				content: '';
				display: block;
				padding-top: 60%;
			}

		.grmmrSrchRight .grmmrRcomndCrd .image_inner {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 10px 10px 0px 0px;
		}

			.grmmrSrchRight .grmmrRcomndCrd .image_inner img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 10px 10px 0px 0px;
			}

		.grmmrSrchRight .grmmrRcomndCrd .grmrRcmndCrdBdy {
			padding: 10px;
		}

		.grmmrSrchRight .grmmrRcomndCrd .grmrRcmndCrdTtl {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
		}

			.grmmrSrchRight .grmmrRcomndCrd .grmrRcmndCrdTtl .CursCrdTtlPrg {
				font-family: 'IRANSansBold';
				font-size: 18px;
				line-height: 21px;
				color: #080F5B;
				text-align: right;
				width: 181px;
			}

	.grmmrSrchRight .grmrRcmndCrdTtl .CoursCrdTags {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 10px;
		margin-bottom: 5px;
	}

		.grmmrSrchRight .grmrRcmndCrdTtl .CoursCrdTags .CursCrdTagPrg {
			font-family: 'IRANSansBold';
			background: #F3F3F3;
			border-radius: 5px;
			padding: 5px 10px;
			font-weight: bold;
			font-size: 10px;
			line-height: 12px;
			text-align: center;
			color: #A1A1A1;
			display: block;
			margin-bottom: 10px;
			transition: all 0.6s;
		}

			.grmmrSrchRight .grmrRcmndCrdTtl .CoursCrdTags .CursCrdTagPrg:hover {
				color: #fff;
				background: #0D19A3;
			}

	.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv {
		font-family: 'IRANSansBold';
		text-align: center;
	}

		.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv del {
			font-size: 14px;
			line-height: 16px;
			color: #A1A1A1;
			display: block;
		}

		.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv span {
			color: #E3690C;
			font-size: 18px;
			line-height: 21px;
			display: block;
		}

		.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv small {
			font-size: 8px;
		}

		.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv .discntAmntBx {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			color: #FFFFFF;
			text-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
			width: 39px;
			height: 37px;
			background: #E3690C;
			box-shadow: 0px 4px 30px rgb(0 0 0 / 10%);
			border-radius: 9px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
			margin-top: 8px;
		}

#grmmrSrchSec .grmrLstSrchBox .grmrSrchLftCntnt {
	position: absolute;
	bottom: 20px;
	right: 0;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}

#grmmrSrchSec .grmrLstSrchBox .grmrSrchLftTtl {
	margin-bottom: 15px;
	text-align: right;
}

	#grmmrSrchSec .grmrLstSrchBox .grmrSrchLftTtl h1 {
		font-family: 'IRANSansBold';
		font-size: 64px;
		line-height: 69px;
		color: #FFFFFF;
		margin-bottom: 10px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmrSrchLftTtl span {
		font-size: 14px;
		line-height: 24px;
		color: #FFFFFF;
		display: block;
	}

#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch {
	background: #FFFFFF;
	border-radius: 10px;
	width: 60%;
	height: 80px;
	margin-right: 0;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 7px;
	padding-right: 10px;
}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch input {
		border: none;
		height: 100%;
		width: calc(100% - 110px);
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch button {
		height: 56px;
		width: 101px;
		display: flex;
		align-items: center;
		background: #FFFFFF;
		border: 1px solid #080F5B;
		box-sizing: border-box;
		border-radius: 10px;
		justify-content: center;
		color: #0D19A3;
		transition: all 0.6s;
	}

		#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch button:hover {
			background-color: #0D19A3;
			color: #fff;
		}

/***************************grammerLstArtcl**************************/
#grammerLstArtcl .grammerLstBox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	width: 100%;
	margin-top: 20px;
}

	#grammerLstArtcl .grammerLstBox .grmmrLstMnu {
		width: 30%;
	}

		#grammerLstArtcl .grammerLstBox .grmmrLstMnu .container-fluid {
			padding-right: 0;
			padding-left: 30px;
		}

	#grammerLstArtcl .grammerLstBox .grmmrLstCntnt {
		width: 70%;
		margin-left: 15px;
	}

#grmrLstTabBox {
	margin-bottom: 40px;
}

	#grmrLstTabBox .tabHederLnks {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 7px;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		background-color: #fff;
	}

		#grmrLstTabBox .tabHederLnks a {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #080F5B;
			width: 40px;
			height: 40px;
			background: #F9F9F9;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 10px;
			margin-right: 7px;
		}

	#grmrLstTabBox .coursTabTitle {
		font-family: 'IRANSansBold';
		font-size: 28px;
		line-height: 28px;
		display: flex;
		align-items: center;
		color: #080F5B;
	}

.rsultPginatn {
	margin-top: 30px;
}

	.rsultPginatn ul {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-right: 0;
	}

	.rsultPginatn li {
		margin-left: 3px;
		margin-right: 3px;
	}

	.rsultPginatn a {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		width: 42px;
		height: 42px;
		background: #FFFFFF;
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 21px;
		color: #080F5B;
		transition: all 0.6s;
	}

		.rsultPginatn a.rsultPgDots {
			color: #000;
			background: transparent;
		}

	.rsultPginatn li:first-child a,
	.rsultPginatn li:last-child a {
		background: rgba(13, 25, 163, 0.15);
	}

	.rsultPginatn a:hover {
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
		color: #0D19A3;
	}

	.rsultPginatn a.rsultPgDots:hover {
		box-shadow: none;
	}

	.rsultPginatn li:first-child a:hover,
	.rsultPginatn li:last-child a:hover {
		background-color: #E3690C;
		box-shadow: none;
		color: #fff;
	}

#grmrLstTabBox .CoursTabCrds .CoursTbCrd {
	width: 31.9%;
	min-width: auto;
	filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
}

.CoursTbCrd .CoursCrdTitle .CursCrdTtlDiv {
	width: 90px;
	min-width: 68px;
}

.CoursTbCrd .CoursCrdTitle .CursCrdTtlPrg {
	width: 170px;
}

/***************************filters*************************/

#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu {
	background: #FFFFFF;
	width: 100%;
	padding: 25px 20px;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu .grmmrFiltTtl {
		font-family: 'IRANSansBold';
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		text-align: right;
	}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu ul {
		margin-bottom: 15px;
		margin-top: 20px;
		width: 100%;
		padding-right: 0;
	}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 8px;
	}

		#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu li img {
			width: 23px;
			height: 23px;
		}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu .custom-control-inline {
		margin-right: 0;
		width: calc(100% - 23px);
		position: relative;
	}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu .custom-control-input {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu .custom-control-label {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 25px;
		color: #080F5B;
		cursor: pointer;
		padding-right: 1.5rem;
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: right;
	}

		#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu .custom-control-label:before,
		#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu .custom-control-label:after {
			left: auto;
			right: 0;
		}

#grammerLstArtcl .grmmrFiltrMnu .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #080F5B;
	background-color: #080F5B;
}

#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu button {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #0D19A3;
	background-color: #fff;
	height: 47px;
	width: 100%;
	border: 1px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all 0.6s;
}

	#grammerLstArtcl .grmmrLstMnu .grmmrFiltrMnu button:hover {
		background-color: #0D19A3;
		color: #fff;
	}

.seeFiltrsBtn {
	display: none;
	justify-content: center;
	align-items: center;
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #0D19A3;
	background-color: #fff;
	height: 47px;
	width: 100%;
	border: 1px solid #080F5B;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all 0.6s;
}

	.seeFiltrsBtn:hover {
		background-color: #080F5B;
		color: #fff;
	}


/*************************relatedItmSec***************************/
#relatedItmSec {
	margin-bottom: 60px;
}

	#relatedItmSec .reletdItmTitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#relatedItmSec .reletdItmTitle h1 {
			font-family: 'IRANSansBold';
			font-size: 36px;
			line-height: 42px;
			color: #080F5B;
			text-align: right;
		}

		#relatedItmSec .reletdItmTitle a {
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 5px;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
			width: 142.44px;
			height: 46.53px;
			transition: all 0.6s;
		}

			#relatedItmSec .reletdItmTitle a:hover {
				background-color: #0D19A3;
				color: #fff;
			}

			#relatedItmSec .reletdItmTitle a i {
				font-style: normal;
				margin-left: 4px;
			}

	#relatedItmSec .relatedItmCrds {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 20px;
		flex-wrap: wrap;
	}

		#relatedItmSec .relatedItmCrds .popGrmrCard {
			display: block;
			width: 32.2%;
			margin-left: 10px;
			margin-right: 0;
			filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
			background: #FFFFFF;
			border-radius: 10px;
			background-color: #fff;
			min-width: 250px;
			margin-bottom: 20px;
			transition: all 0.6s;
		}

	#relatedItmSec .popGrmrCard .image_parent {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}

		#relatedItmSec .popGrmrCard .image_parent::after {
			content: '';
			display: block;
			padding-top: 60%;
		}

	#relatedItmSec .popGrmrCard .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		#relatedItmSec .popGrmrCard .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px 10px 0px 0px;
		}

	#relatedItmSec .popGrmrCard .popGrmrCrdBdy div {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		font-family: 'IRANSansBold';
		padding: 10px;
	}

	#relatedItmSec .popGrmrCard .popGrmrCrdBdy h6 {
		font-size: 18px;
		line-height: 21px;
		color: #080F5B;
		width: calc(100% - 83px);
		text-align: right;
	}

	#relatedItmSec .popGrmrCard .popGrmrCrdBdy span {
		width: 84px;
		font-size: 18px;
		line-height: 21px;
		color: #0D19A3;
		display: block;
		margin-right: 5px;
	}

	#relatedItmSec .popGrmrCard .popGrmrCrdBdy small {
		font-size: 8px;
	}

	#relatedItmSec .relatedItmCrds .popGrmrCard:hover {
		transform: translateY(-3px);
		opacity: 1;
	}

/************************grammrTagSec****************/
#grammrTagSec {
	margin-top: 15px;
	margin-bottom: 50px;
}

	#grammrTagSec .grammrTagTitle {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
		margin-bottom: 30px;
	}

	#grammrTagSec .grammrTagList ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-right: 0;
	}

	#grammrTagSec .grammrTagList li {
		min-width: 116px;
		height: 41px;
		width: max-content;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	#grammrTagSec .grammrTagList a {
		width: 100%;
		height: 100%;
		background: #F9F9F9;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 500;
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
		transition: all 0.6s;
	}

		#grammrTagSec .grammrTagList a:hover {
			background: #FFFFFF;
			box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
			color: #0D19A3;
		}

/************************PpularGrmmrSec****************/
/************************PpularSaleSec****************/
/***********************RPrdctSlidrSec***************/
#RcmnddSlidrSec,
#RPrdctSlidrSec,
#PpularGrmmrSec,
#PpularSaleSec {
	margin-bottom: 40px;
}

	#RcmnddSlidrSec .inYourCrtTitl,
	#RPrdctSlidrSec .inYourCrtTitl,
	#PpularGrmmrSec .PpularGrmmrTitl,
	#PpularSaleSec .PpularSaleTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
		margin-bottom: 20px;
	}

	#RcmnddSlidrSec .RcmnddSldrSwpr,
	#RPrdctSlidrSec .RPrdctSldrSwpr,
	#PpularGrmmrSec .PpulrGrmmrSlidr,
	#PpularSaleSec .PpularSaleSlidr {
		width: 100%;
		overflow: hidden;
		position: relative;
		direction: rtl;
	}

		#RcmnddSlidrSec .RcmnddSldrSwpr .swiper-slide,
		#RPrdctSlidrSec .RPrdctSldrSwpr .swiper-slide,
		#PpularGrmmrSec .PpulrGrmmrSlidr .swiper-slide,
		#PpularSaleSec .PpularSaleSlidr .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: transparent;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			padding: 10px;
			direction: rtl;
		}

		#RcmnddSlidrSec .RcmnddSldrSwpr .RPrdctSldrCard,
		#RPrdctSlidrSec .RPrdctSldrSwpr .RPrdctSldrCard {
			border-radius: 10px;
			background-color: #fff;
			filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
			transition: all 0.6s;
		}

			#RcmnddSlidrSec .RcmnddSldrSwpr .RPrdctSldrCard:hover,
			#RPrdctSlidrSec .RPrdctSldrSwpr .RPrdctSldrCard:hover {
				opacity: 1;
				transform: translateY(-3px);
			}

	#RcmnddSlidrSec .PpulrGrmmrSlidr .popGrmrCard {
		border-radius: 10px;
		background-color: #fff;
		filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
		min-width: 250px;
		transition: all 0.6s;
	}

	#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCard,
	#PpularSaleSec .PpularSaleSlidr .popGrmrCard {
		border-radius: 10px;
		background-color: #fff;
		filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
		min-width: 240px;
		transition: all 0.6s;
	}

		#RcmnddSlidrSec .PpulrGrmmrSlidr .popGrmrCard:hover,
		#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCard:hover,
		#PpularSaleSec .PpularSaleSlidr .popGrmrCard:hover {
			transform: translateY(-3px);
			opacity: 1;
		}

	#RcmnddSlidrSec .RPrdctSldrCard .image_parent,
	#RPrdctSlidrSec .RPrdctSldrCard .image_parent,
	#PpularGrmmrSec .popGrmrCard .image_parent,
	#PpularSaleSec .popGrmrCard .image_parent {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}

		#RcmnddSlidrSec .RPrdctSldrCard .image_parent::after,
		#RPrdctSlidrSec .RPrdctSldrCard .image_parent::after,
		#PpularGrmmrSec .popGrmrCard .image_parent::after,
		#PpularSaleSec .popGrmrCard .image_parent::after {
			content: '';
			display: block;
			padding-top: 60%;
		}

	#RcmnddSlidrSec .RcmnddSldrSwpr .image_inner,
	#RPrdctSlidrSec .RPrdctSldrSwpr .image_inner,
	#PpularGrmmrSec .popGrmrCard .image_inner,
	#PpularSaleSec .popGrmrCard .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		#RcmnddSlidrSec .RcmnddSldrSwpr .image_inner img,
		#RPrdctSlidrSec .RPrdctSldrSwpr .image_inner img,
		#PpularGrmmrSec .popGrmrCard .image_inner img,
		#PpularSaleSec .popGrmrCard .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px 10px 0px 0px;
		}

	#RcmnddSlidrSec .RcmnddSldrSwpr .RPrdctCardBdy div,
	#RPrdctSlidrSec .RPrdctSldrSwpr .RPrdctCardBdy div,
	#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCrdBdy div,
	#PpularSaleSec .PpularSaleSlidr .popGrmrCrdBdy div {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		font-family: 'IRANSansBold';
		padding: 10px;
	}

	#RcmnddSlidrSec .RcmnddSldrSwpr .RPrdctCardBdy h6,
	#RPrdctSlidrSec .RPrdctSldrSwpr .RPrdctCardBdy h6,
	#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCrdBdy h6,
	#PpularSaleSec .PpularSaleSlidr .popGrmrCrdBdy h6 {
		font-size: 18px;
		line-height: 24px;
		color: #080F5B;
		width: calc(100% - 83px);
		text-align: right;
		margin-bottom: 0;
	}

	#RcmnddSlidrSec .RcmnddSldrSwpr .RPrdctCardBdy span,
	#RPrdctSlidrSec .RPrdctSldrSwpr .RPrdctCardBdy span,
	#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCrdBdy span,
	#PpularSaleSec .PpularSaleSlidr .popGrmrCrdBdy span {
		width: 82px;
		font-size: 18px;
		line-height: 21px;
		color: #0D19A3;
		display: block;
		margin-right: 2px;
	}

	#RcmnddSlidrSec .RcmnddSldrSwpr .RPrdctCardBdy small,
	#RPrdctSlidrSec .RPrdctSldrSwpr .RPrdctCardBdy small,
	#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCrdBdy small,
	#PpularSaleSec .PpularSaleSlidr .popGrmrCrdBdy small {
		font-size: 8px;
	}

	.blgPplrSalSwpr .swiper-button-prev.swiper-button-disabled,
	.blgPplrSalSwpr .swiper-button-next.swiper-button-disabled,
	.blgPpulrSwpr .swiper-button-prev.swiper-button-disabled,
	.blgPpulrSwpr .swiper-button-next.swiper-button-disabled,
	#RcmnddSlidrSec .swiper-button-prev.swiper-button-disabled,
	#RcmnddSlidrSec .swiper-button-next.swiper-button-disabled,
	#RPrdctSlidrSec .swiper-button-prev.swiper-button-disabled,
	#RPrdctSlidrSec .swiper-button-next.swiper-button-disabled,
	#PpularGrmmrSec .swiper-button-prev.swiper-button-disabled,
	#PpularGrmmrSec .swiper-button-next.swiper-button-disabled,
	#PpularSaleSec .swiper-button-prev.swiper-button-disabled,
	#PpularSaleSec .swiper-button-next.swiper-button-disabled {
		opacity: 0;
	}

	.blgPplrSalSwpr .swiper-button-prev,
	.blgPplrSalSwpr .swiper-button-next,
	.blgPpulrSwpr .swiper-button-prev,
	.blgPpulrSwpr .swiper-button-next,
	#RcmnddSlidrSec .swiper-button-prev,
	#RcmnddSlidrSec .swiper-button-next,
	#RPrdctSlidrSec .swiper-button-prev,
	#RPrdctSlidrSec .swiper-button-next,
	#PpularGrmmrSec .swiper-button-prev,
	#PpularGrmmrSec .swiper-button-next,
	#PpularSaleSec .swiper-button-prev,
	#PpularSaleSec .swiper-button-next {
		position: absolute;
		content: '';
		width: 120px;
		height: 100%;
		top: 55%;
		z-index: 3;
		cursor: pointer;
		transform: translateY(-50%);
	}

		.blgPplrSalSwpr .swiper-button-prev:after,
		.blgPplrSalSwpr .swiper-button-next:after,
		.blgPpulrSwpr .swiper-button-prev:after,
		.blgPpulrSwpr .swiper-button-next:after,
		#RcmnddSlidrSec .swiper-button-prev:after,
		#RcmnddSlidrSec .swiper-button-next:after,
		#RPrdctSlidrSec .swiper-button-prev:after,
		#RPrdctSlidrSec .swiper-button-next:after,
		#PpularGrmmrSec .swiper-button-prev:after,
		#PpularGrmmrSec .swiper-button-next:after,
		#PpularSaleSec .swiper-button-prev:after,
		#PpularSaleSec .swiper-button-next:after {
			background-color: #fff;
			border-radius: 50%;
			width: 40px;
			height: 40px;
			font-size: 18px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #080F5B;
		}

	#PpularGrmmrSec .swiper-button-prev,
	#PpularSaleSec .swiper-button-prev,
	.blgPplrSalSwpr .swiper-button-prev,
	.blgPpulrSwpr .swiper-button-prev,
	#RcmnddSlidrSec .swiper-button-prev,
	#RPrdctSlidrSec .swiper-button-prev {
		background: linear-gradient(270deg, #FFFFFF 6.1%, rgba(255, 255, 255, 0) 78.86%);
		right: 0;
	}

	#RcmnddSlidrSec .swiper-button-next,
	#RPrdctSlidrSec .swiper-button-next,
	#PpularGrmmrSec .swiper-button-next,
	#PpularSaleSec .swiper-button-next,
	.blgPplrSalSwpr .swiper-button-next,
	.blgPpulrSwpr .swiper-button-next {
		background: linear-gradient(90deg, #FFFFFF 27.78%, rgba(255, 255, 255, 0) 100%);
		left: 0;
	}


/************************PpularGrmmrSec****************/
/************************PpularSaleSec****************/

/*******************************searchPage*****************************/
#srchdivSec {
	background-color: #fff;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 20px 20px rgb(0 0 0 / 5%);
}

	#srchdivSec .srchPkgediv {
		height: 49px;
		width: 100%;
		background-color: #fff;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
	}

		#srchdivSec .srchPkgediv .deletValue {
			color: #A1A1A1;
			border-radius: 50%;
			padding: 3px 8px 0px 8px;
			cursor: pointer;
			display: none;
			font-size: 24px;
			margin-top: 6px;
		}

		#srchdivSec .srchPkgediv .input-group {
			height: 46px;
			padding-right: 4px;
		}

		#srchdivSec .srchPkgediv .input-group-text {
			color: #080F5B;
			background-color: #fff;
			border: none;
			height: 43px;
		}

			#srchdivSec .srchPkgediv .input-group-text span {
				font-size: 25px;
				color: #080F5B;
			}

		#srchdivSec .srchPkgediv input.form-control {
			height: 43px;
			width: calc(100% - 90px);
			border: none;
			font-weight: 500;
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			border-radius: 5px;
			font-family: 'IRANSansMedium';
		}

		#srchdivSec .srchPkgediv input::-webkit-input-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#srchdivSec .srchPkgediv input::-moz-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#srchdivSec .srchPkgediv input:-ms-input-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#srchdivSec .srchPkgediv input:-moz-placeholder {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

#srchResultSec {
	margin-top: 80px;
	margin-bottom: 20px;
}

	#srchResultSec .srchResulTitl {
		margin-bottom: 70px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

		#srchResultSec .srchResulTitl p {
			font-size: 18px;
			line-height: 21px;
			color: #000000;
			margin-bottom: 15px;
		}

		#srchResultSec .srchResulTitl h1 {
			font-family: 'IRANSansMedium';
			font-size: 48px;
			line-height: 56px;
			text-align: center;
			color: #0D19A3;
		}

	#srchResultSec .tabHederLnks {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-right: 5px;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		background-color: #fff;
		border-radius: 10px;
	}

		#srchResultSec .tabHederLnks a {
			display: flex;
			align-items: center;
			justify-content: center;
			color: #080F5B;
			width: 40px;
			height: 40px;
			background: #F9F9F9;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 10px;
			margin-left: 5px;
		}

	#srchResultSec .srchRsltTabHdr {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#srchResultSec .srchRsltTabHdr .tabBXHeader {
			width: calc(100% - 290px);
			height: 58px;
		}

		#srchResultSec .srchRsltTabHdr .srchRsltSide {
			width: 275px;
			height: 58px;
			background: #FFFFFF;
			box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
			border-radius: 10px;
			padding: 6px;
		}

	#srchResultSec .coursTabTitle {
		font-family: 'IRANSansBold';
		font-size: 28px;
		line-height: 28px;
		display: flex;
		align-items: center;
		color: #080F5B;
		margin-bottom: 25px;
	}

	#srchResultSec .CoursTabCrds .CoursTbCrd {
		filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.1));
		margin-left: 8px;
		min-width: auto;
	}

	#srchResultSec .CoursTbCrd .CoursCrdTitle .CursCrdTtlPrg {
		width: 167px;
	}

	#srchResultSec .moreRsultBtn {
		background-color: transparent;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 384px;
		height: 49px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #A1A1A1;
		transition: all 0.6s;
	}

		#srchResultSec .moreRsultBtn:hover {
			background: #080F5B;
			border-color: #080F5B;
			color: #fff;
		}

/*******************************BlogPage*************************/
#BlogPageSec {
	margin-top: 40px;
}

	#BlogPageSec .BlogPageTitl {
		font-family: 'IRANSansBold';
		font-size: 64px;
		line-height: 75px;
		color: #080F5B;
		margin-bottom: 30px;
		text-align: right;
	}

	#BlogPageSec .BlogPageBox {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

		#BlogPageSec .BlogPageBox .BlogPageFltrs {
			width: 25%;
		}

	#BlogPageSec .BlogPageFltrs .drpSelFltrBx {
		width: 100%;
		height: 58px;
		background: #FFFFFF;
		box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
		border-radius: 10px;
		padding: 6px;
		margin-bottom: 15px;
	}

	#BlogPageSec .BlogPageBox .BlogPageFltrs .seeFiltrsBtn {
		display: none;
		justify-content: center;
		align-items: center;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #0D19A3;
		background-color: #fff;
		height: 47px;
		width: 100%;
		border: 1px solid #080F5B;
		box-sizing: border-box;
		border-radius: 5px;
		transition: all 0.6s;
	}

		#BlogPageSec .BlogPageBox .BlogPageFltrs .seeFiltrsBtn:hover {
			background-color: #080F5B;
			color: #fff;
		}

	#BlogPageSec .BlogPageBox .BlogPageCntnt {
		width: 73%;
		margin-bottom: 50px;
	}

	#BlogPageSec .BlogPageCntnt .srchPkgediv {
		height: 49px;
		width: 100%;
		background-color: #fff;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		margin-top: 5px;
	}

	#BlogPageSec .srchPkgediv .deletValue {
		color: #A1A1A1;
		border-radius: 50%;
		padding: 3px 8px 0px 8px;
		cursor: pointer;
		display: none;
		font-size: 24px;
		margin-top: 6px;
	}

	#BlogPageSec .srchPkgediv .input-group {
		height: 46px;
		padding-right: 4px;
		background-color: #fff;
		border-radius: 5px;
	}

	#BlogPageSec .srchPkgediv .input-group-text {
		color: #080F5B;
		background-color: #fff;
		border: none;
		height: 43px;
	}

		#BlogPageSec .srchPkgediv .input-group-text span {
			font-size: 25px;
			color: #080F5B;
		}

	#BlogPageSec .srchPkgediv input.form-control {
		height: 43px;
		width: calc(100% - 93px);
		border: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		font-family: 'IRANSansMedium';
		margin-left: 3px;
	}

	#BlogPageSec .srchPkgediv input::-webkit-input-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#BlogPageSec .srchPkgediv input::-moz-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#BlogPageSec .srchPkgediv input:-ms-input-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#BlogPageSec .srchPkgediv input:-moz-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#BlogPageSec .BlogPageCrds {
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		margin-top: 20px;
	}

.BlogPageCrd {
	height: max-content;
	background: #FBFBFB;
	border-radius: 10px;
	transition: all 0.6s;
}

#BlogPageSec .BlogPageCrds .BlogPageCrd {
	width: 31.7%;
	display: inline-block;
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 20px;
}

.BlogPageCrd .BlgPgCrdVid,
.BlogPageCrd .BlgPgCrdImg {
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	position: relative;
}

	.BlogPageCrd .BlgPgCrdVid .image_parent,
	.BlogPageCrd .BlgPgCrdImg .image_parent {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}

		.BlogPageCrd .BlgPgCrdVid .image_parent::after,
		.BlogPageCrd .BlgPgCrdImg .image_parent::after {
			content: '';
			display: block;
			padding-top: 56%;
		}

	.BlogPageCrd .BlgPgCrdVid .image_inner,
	.BlogPageCrd .BlgPgCrdImg .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		.BlogPageCrd .BlgPgCrdVid .image_inner img,
		.BlogPageCrd .BlgPgCrdImg .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px 10px 0px 0px;
		}

.BlogPageCrd .BlgPgCrdBdy {
	padding: 15px 15px 15px 15px;
}

	.BlogPageCrd .BlgPgCrdBdy .BlgPgCrdTitle {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

		.BlogPageCrd .BlgPgCrdBdy .BlgPgCrdTitle .BlgCrdTtlPrg {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			color: #080F5B;
			text-align: right;
			width: 167px;
		}

	.BlogPageCrd .BlgPgCrdBdy .BlgCrdTags {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 10px;
		margin-bottom: 5px;
	}

		.BlogPageCrd .BlgPgCrdBdy .BlgCrdTags a {
			font-family: 'IRANSansBold';
			background: #F3F3F3;
			border-radius: 5px;
			padding: 5px 10px;
			font-weight: bold;
			font-size: 10px;
			line-height: 12px;
			text-align: center;
			color: #A1A1A1;
			display: block;
			margin-bottom: 10px;
			transition: all 0.6s;
		}

			.BlogPageCrd .BlgPgCrdBdy .BlgCrdTags a:hover {
				opacity: 1;
				color: #fff;
				background: #080F5B;
			}

	.BlogPageCrd .BlgPgCrdBdy .BlgPgCrdTxt {
		text-align: right;
		font-size: 14px;
		line-height: 24px;
		color: #A1A1A1;
		margin-top: 8px;
		margin-bottom: 15px;
	}

	.BlogPageCrd .BlgPgCrdBdy .BlgPgCrdBtm {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.BlogPageCrd .BlgPgCrdBdy .BlogCrdAuthor {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdAuthor img {
			width: 34px;
			height: 34px;
			object-fit: cover;
			border-radius: 50%;
			margin-left: 5px;
		}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdAuthor div {
			text-align: right;
		}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdAuthor p {
			font-size: 14px;
			line-height: 141.5%;
			color: #080F5B;
			font-family: 'IRANSansBold';
		}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdAuthor span {
			display: block;
			font-family: 'IRANSansMedium';
			font-size: 10px;
			line-height: 141.5%;
			color: #A1A1A1;
		}

	.BlogPageCrd .BlgPgCrdBdy .BlogCrdLikes {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdLikes div {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			margin-right: 10px;
			font-family: 'IRANSansMedium';
			font-size: 12px;
			line-height: 14px;
			color: #A1A1A1;
		}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdLikes span {
			font-size: 13px;
		}

		.BlogPageCrd .BlgPgCrdBdy .BlogCrdLikes p {
			margin-left: 3px;
		}

.BlogPageCrd .BlgPgCrdImgHvr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(56, 131, 243, 0.86), rgba(56, 131, 243, 0.86));
	border-radius: 10px 10px 0px 0px;
	display: none;
	transition: all 0.6s;
}

.BlogPageCrd .BlgPgCrdVidHvr {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0px 0px;
	display: none;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	transition: all 0.6s;
}

	.BlogPageCrd .BlgPgCrdVidHvr div,
	.BlogPageCrd .BlgPgCrdImgHvr div {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		flex-direction: column;
	}

	.BlogPageCrd .BlgPgCrdVidHvr a,
	.BlogPageCrd .BlgPgCrdImgHvr a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 90%;
		height: 46.53px;
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #FFFFFF;
		border: 2px solid #FFFFFF;
		box-sizing: border-box;
		border-radius: 5px;
	}

	.BlogPageCrd .BlgPgCrdVidHvr a {
		margin-top: 15px;
	}

	.BlogPageCrd .BlgPgCrdVidHvr i {
		font-style: normal;
		margin-right: 3px;
		line-height: 15px;
	}

	.BlogPageCrd .BlgPgCrdVidHvr p {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		margin-top: 15px;
	}

		.BlogPageCrd .BlgPgCrdVidHvr p span {
			font-size: 18px;
		}

.BlogPageCrd:hover {
	background-color: #fff;
	filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.1));
}

.BlogPgImgCrd:hover .BlgPgCrdImgHvr {
	display: block;
}

.BlogPgVidCrd:hover .BlgPgCrdVidHvr {
	display: block;
}


/**********************singlePost*****************/
#BlgPostSec {
	margin-top: 30px;
	margin-bottom: 50px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

	#BlgPostSec .BlgPostBox .blgPostTtleBx {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostTtle {
			font-family: 'IRANSansBold';
			font-size: 36px;
			line-height: 42px;
			color: #080F5B;
		}

		#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostInfos {
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

	#BlgPostSec .BlgPostBox .blgPostInfos .blgPostTag {
		font-family: 'IRANSansMedium';
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		color: #0D19A3;
		height: 31px;
		border: 1px solid #0D19A3;
		box-sizing: border-box;
		border-radius: 5px;
		padding: 2px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 15px;
		transition: all 0.6s;
	}

		#BlgPostSec .BlgPostBox .blgPostInfos .blgPostTag:hover {
			background-color: #0D19A3;
			color: #fff;
		}

	#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostInfos div {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 10px;
		font-family: 'IRANSansMedium';
		font-size: 12px;
		line-height: 14px;
		color: #A1A1A1;
	}

		#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostInfos div i {
			font-size: 18px;
		}

		#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostInfos div.rate {
			margin-right: 15px;
			margin-left: 0;
		}

	#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostInfos i {
		font-style: normal;
		margin-right: 3px;
	}

	#BlgPostSec .BlgPostBox .blgPostInfos .rate p {
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
		margin-left: 1px;
		margin-right: 5px;
	}

	#BlgPostSec .BlgPostBox .blgPostInfos p small {
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 21px;
		color: #E3690C;
	}

	#BlgPostSec .BlgPostBox .blgPostImg {
		margin-bottom: 15px;
		margin-top: 15px;
		width: 100%;
		height: auto;
		max-height: 450px;
	}

		#BlgPostSec .BlgPostBox .blgPostImg img {
			width: 100%;
			height: auto;
			max-height: 450px;
			object-fit: cover;
		}

	#BlgPostSec .BlgPostBox .blgPostVideo {
		margin-bottom: 15px;
		margin-top: 15px;
		width: 100%;
		height: 450px;
	}

		#BlgPostSec .BlgPostBox .blgPostVideo video {
			height: 450px;
			width: 100%;
		}

		#BlgPostSec .BlgPostBox .blgPostVideo .video-js .vjs-tech {
			height: 100%;
		}

		#BlgPostSec .BlgPostBox .blgPostVideo .video-js.vjs-fluid {
			height: 100%;
			padding-top: 0;
			padding-bottom: 0;
		}

		#BlgPostSec .BlgPostBox .blgPostVideo .vjs-poster {
			background-size: cover;
		}

	#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 247px;
		height: 78px;
		background: rgba(255, 255, 255, 0.85);
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(21px);
		border-radius: 77px;
		padding: 1px 10px;
	}

		#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button .vjs-icon-placeholder {
			border-radius: 50%;
			background: #0D19A3;
			width: 50px;
			height: 50px;
			display: block;
			position: relative;
			transition: all 0.6s;
		}

	#BlgPostSec .blgPostVideo {
		position: relative;
	}

.havTimeVideo #vidDuration {
	width: 84px;
	height: 32px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30%;
	background: rgba(0, 0, 0, 0.51);
	border-radius: 16px;
	text-align: center;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

	.havTimeVideo #vidDuration small {
		margin-right: 5px;
		font-size: 14px;
		line-height: 15px;
	}

	.havTimeVideo #vidDuration span {
		font-size: 18px;
	}

#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	font-size: 35px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -47%);
}

#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
	font-family: 'IRANSansBold';
	position: absolute;
	left: -150px;
	top: 50%;
	transform: translateY(-50%);
	content: 'WATCH NOW';
	font-size: 24px;
	line-height: 28px;
	color: #0D19A3;
}

#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button:hover,
#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button:hover .vjs-icon-placeholder:after {
	color: #080F5B;
}

	#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button:hover .vjs-icon-placeholder {
		background: #fff;
	}

#BlgPostSec .BlgPostBox .blgPostBotm {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

#BlgPostSec .BlgPostBox .blgPstAuthor {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	#BlgPostSec .BlgPostBox .blgPstAuthor img {
		width: 34px;
		height: 34px;
		object-fit: cover;
		border-radius: 50%;
		margin-left: 5px;
	}

	#BlgPostSec .BlgPostBox .blgPstAuthor div {
		text-align: right;
	}

	#BlgPostSec .BlgPostBox .blgPstAuthor p {
		font-size: 14px;
		line-height: 141.5%;
		color: #080F5B;
		font-family: 'IRANSansBold';
	}

	#BlgPostSec .BlgPostBox .blgPstAuthor span {
		display: block;
		font-family: 'IRANSansMedium';
		font-size: 10px;
		line-height: 141.5%;
		color: #A1A1A1;
	}

#BlgPostSec .BlgPostBox .postShareLst {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#BlgPostSec .BlgPostBox .postDwnldLnk {
	font-size: 14px;
	line-height: 16px;
	color: #0D19A3;
	width: 161px;
	height: 40px;
	border: 1px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 10px;
	margin-left: 8px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s;
}

	#BlgPostSec .BlgPostBox .postDwnldLnk i {
		font-style: normal;
		margin-right: 5px;
	}

	#BlgPostSec .BlgPostBox .postDwnldLnk:hover {
		color: #fff;
		background-color: #0D19A3;
	}

#BlgPostSec .BlgPostBox .postShareLst ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 0;
}

#BlgPostSec .BlgPostBox .postShareLst li {
	margin-right: 8px;
}

#BlgPostSec .BlgPostBox .postShareLst ul a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	transition: all 0.6s;
	background-color: #F9F9F9;
	border-radius: 10px;
}

	#BlgPostSec .BlgPostBox .postShareLst ul a:hover {
		background: #0D19A3;
		opacity: 1;
	}

#BlgPostSec .BlgPostBox .postShareLst img {
	width: 24px;
	height: 24px;
}

#BlgPostSec .BlgPostBox .blgPostText {
	text-align: right;
	margin-bottom: 20px;
}

	#BlgPostSec .BlgPostBox .blgPostText .blgPstHding1 {
		font-family: 'IRANSansBold';
		font-size: 48px;
		line-height: 56px;
		color: #0D19A3;
		margin-bottom: 20px;
		text-align: right;
	}

	#BlgPostSec .BlgPostBox .blgPostText p {
		font-size: 18px;
		line-height: 141.5%;
		color: #080F5B;
	}

#BlgPostSec .BlgPostBox .blgPostSrc {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 18px;
	line-height: 21px;
	margin-top: 25px;
	margin-bottom: 80px;
}

	#BlgPostSec .BlgPostBox .blgPostSrc p {
		color: #0D19A3;
		font-family: 'IRANSansMedium';
	}

	#BlgPostSec .BlgPostBox .blgPostSrc span {
		color: #A1A1A1;
	}

#BlgPostSec .blgCMMENTSBx {
}

	#BlgPostSec .blgCMMENTSBx .blgCmntsForm {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

	#BlgPostSec .blgCMMENTSBx .BlgCmmntLike {
		width: 175px;
		height: 165px;
		background: #F8F8F8;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #A1A1A1;
	}

		#BlgPostSec .blgCMMENTSBx .BlgCmmntLike p {
			font-size: 12px;
			font-family: 'IRANSansMedium';
			line-height: 14px;
		}

		#BlgPostSec .blgCMMENTSBx .BlgCmmntLike span {
			font-size: 55px;
			cursor: pointer;
			display: block;
			margin-top: 18px;
			margin-bottom: 8px;
		}

		#BlgPostSec .blgCMMENTSBx .BlgCmmntLike .BlgCmmntLiked {
			color: red;
		}

		#BlgPostSec .blgCMMENTSBx .BlgCmmntLike small {
			font-size: 14px;
			font-family: 'IRANSansMedium';
			line-height: 16px;
		}

	#BlgPostSec .blgCMMENTSBx .addCmntForm {
		width: calc(100% - 200px);
	}

	#BlgPostSec .blgCMMENTSBx .blgCmmntsUl {
		margin-top: 45px;
		padding-right: 0;
	}

	#BlgPostSec .blgCMMENTSBx .blgCmmntsLi {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #E5E5E5;
		margin-bottom: 25px;
		padding-bottom: 20px;
	}

		#BlgPostSec .blgCMMENTSBx .blgCmmntsLi:last-child {
			border-bottom: 0;
		}

		#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntsImg {
			width: 87px;
			height: 87px;
			border-radius: 50%;
		}

			#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntsImg img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
				object-fit: cover;
			}

		#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntCntnt {
			width: calc(100% - 95px);
		}

			#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntCntnt .blgCmmntTtle {
				display: flex;
				align-items: center;
				justify-content: space-between;
				text-align: right;
			}

		#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntAthor p {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			font-family: 'IRANSansBold';
			margin-bottom: 5px;
		}

		#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntAthor small {
			display: block;
			font-size: 12px;
			line-height: 14px;
			color: #A1A1A1;
			font-family: 'IRANSansMedium';
		}

		#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntText {
			text-align: right;
			font-size: 14px;
			line-height: 24px;
			color: #080F5B;
			margin-top: 12px;
		}

	#BlgPostSec .blgCMMENTSBx .BlgCmmntsMore {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #A1A1A1;
		width: 384px;
		height: 49px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		transition: all 0.6s;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}

		#BlgPostSec .blgCMMENTSBx .BlgCmmntsMore:hover {
			background: #0D19A3;
			border-color: #0D19A3;
			color: #fff;
			opacity: 1;
		}

	#cntctUsSec .cntctUsInfos .cstmrSrvcFrmBtn,
	#BlgPostSec .blgCMMENTSBx .blgPstFrmBtn {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		#cntctUsSec .cntctUsInfos .cstmrSrvcFrmBtn button,
		#BlgPostSec .blgCMMENTSBx .blgPstFrmBtn button {
			width: 180px;
			height: 74px;
			background: #0D19A3;
			border: 1px solid #0D19A3;
			border-radius: 10px;
			font-family: 'IRANSansMedium';
			font-size: 18px;
			line-height: 21px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			margin-right: 25px;
			transition: all 0.6s;
		}

			#cntctUsSec .cntctUsInfos .cstmrSrvcFrmBtn button:hover,
			#BlgPostSec .blgCMMENTSBx .blgPstFrmBtn button:hover {
				background-color: #080F5B;
			}

/*****************relatedBlgCrd*******************/
#relatedBlgCrd {
	margin-top: 80px;
	margin-bottom: 70px;
}

	#relatedBlgCrd .rltedBlgTitl {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#relatedBlgCrd .rltedBlgTitl h1 {
			font-family: 'IRANSansBold';
			font-size: 36px;
			line-height: 42px;
			color: #080F5B;
			text-align: right;
		}

		#relatedBlgCrd .rltedBlgTitl a {
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 5px;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
			width: 142.44px;
			height: 46.53px;
			transition: all 0.6s;
		}

			#relatedBlgCrd .rltedBlgTitl a:hover {
				background-color: #0D19A3;
				color: #fff;
			}

			#relatedBlgCrd .rltedBlgTitl a i {
				font-style: normal;
				margin-left: 4px;
			}

	#relatedBlgCrd .swiper-wrapper {
		height: 100%;
		width: 100%;
		padding-bottom: 60px;
		padding-top: 20px;
	}

	#relatedBlgCrd .rltedBlgSwpr {
		width: 100%;
		overflow: hidden;
	}

		#relatedBlgCrd .rltedBlgSwpr .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: transparent;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			padding: 10px;
		}

	#relatedBlgCrd .BlgPgeCrds {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 30px;
		flex-wrap: wrap;
	}

		#relatedBlgCrd .BlgPgeCrds .BlogPageCrd {
			width: 24.4%;
			display: block;
			margin-left: 8px;
			margin-bottom: 15px;
		}

			#relatedBlgCrd .BlgPgeCrds .BlogPageCrd:last-child {
				margin-left: 0;
			}

/*****************blgPpulrSec*******************/
#blgPplrSalSec, #blgPpulrSec {
	margin-top: 30px;
	margin-bottom: 40px;
}

	#blgPplrSalSec .blgPplrSalTitl,
	#blgPpulrSec .blgPpulrTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
		margin-bottom: 30px;
	}

	#blgPplrSalSec .swiper-wrapper,
	#blgPpulrSec .swiper-wrapper {
		height: 100%;
		width: 100%;
	}

	#blgPplrSalSec .blgPplrSalSwpr,
	#blgPpulrSec .blgPpulrSwpr {
		width: 100%;
		overflow: hidden;
		position: relative;
		direction: rtl;
		margin-top: 20px;
		margin-bottom: 20px;
	}

		#blgPplrSalSec .blgPplrSalSwpr .swiper-slide,
		#blgPpulrSec .blgPpulrSwpr .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: transparent;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			direction: rtl;
			padding: 10px 5px;
		}

		#blgPplrSalSec .blgPplrSalSwpr .blgPplrSalCrd,
		#blgPpulrSec .blgPpulrSwpr .blogPpulrCrd {
			border-radius: 10px;
			background-color: #fff;
			filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
			display: block;
			transition: all 0.6s;
		}

	#blgPplrSalSec .blgPplrSalCrd .image_parent,
	#blgPpulrSec .blogPpulrCrd .image_parent {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}

		#blgPplrSalSec .blgPplrSalCrd .image_parent::after,
		#blgPpulrSec .blogPpulrCrd .image_parent::after {
			content: '';
			display: block;
			padding-top: 60%;
		}

	#blgPplrSalSec .blgPplrSalCrd .image_inner,
	#blgPpulrSec .blogPpulrCrd .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		#blgPplrSalSec .blgPplrSalCrd .image_inner img,
		#blgPpulrSec .blogPpulrCrd .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px 10px 0px 0px;
		}

	#blgPplrSalSec .blgPplrSalCrd .blgPplrSalBdy div,
	#blgPpulrSec .blogPpulrCrd .blgPplrCrdBdy div {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		font-family: 'IRANSansBold';
		padding: 10px;
	}

	#blgPplrSalSec .blgPplrSalCrd .blgPplrSalBdy h6,
	#blgPpulrSec .blogPpulrCrd .blgPplrCrdBdy h6 {
		font-size: 18px;
		line-height: 21px;
		color: #080F5B;
		width: calc(100% - 86px);
		text-align: right;
	}

	#blgPplrSalSec .blgPplrSalCrd .blgPplrSalBdy span,
	#blgPpulrSec .blogPpulrCrd .blgPplrCrdBdy span {
		width: 82px;
		font-size: 18px;
		line-height: 21px;
		color: #0D19A3;
		display: block;
	}

		#blgPplrSalSec .blgPplrSalCrd .blgPplrSalBdy span small,
		#blgPpulrSec .blogPpulrCrd .blgPplrCrdBdy span small {
			font-size: 8px;
		}

	#blgPplrSalSec .blgPplrSalSwpr .blgPplrSalCrd:hover,
	#blgPpulrSec .blgPpulrSwpr .blogPpulrCrd:hover {
		opacity: 1;
		transform: translateY(-3px);
	}

/**************************cntctUsPage***********************/
#cntctUsSec {
}

	#cntctUsSec .cntctUsBox {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

		#cntctUsSec .cntctUsBox .cntctUsMap {
			width: 40%;
			height: 100vh;
			position: sticky;
			right: 0;
			background: #eee;
			border: 1px solid #eee;
		}

			#cntctUsSec .cntctUsBox .cntctUsMap .preloadMap {
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				position: relative;
				z-index: 0;
			}

				#cntctUsSec .cntctUsBox .cntctUsMap .preloadMap .preloadBox {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					text-align: center;
					z-index: 1;
				}

					#cntctUsSec .cntctUsBox .cntctUsMap .preloadMap .preloadBox img {
						width: 150px;
						height: 150px;
						margin-left: auto;
						margin-right: auto;
						text-align: center;
						margin-bottom: 1px;
					}

					#cntctUsSec .cntctUsBox .cntctUsMap .preloadMap .preloadBox p {
						font-family: 'IRANSansBold';
						font-size: 20px;
						line-height: 30px;
						color: #080F5B;
						text-align: center;
						margin-left: auto;
						margin-right: auto;
					}

			#cntctUsSec .cntctUsBox .cntctUsMap iframe {
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
			}

		#cntctUsSec .cntctUsBox .cntctUsInfos {
			width: 60%;
			padding-top: 40px;
			margin-bottom: 50px;
		}

	#cntctUsSec .cntctUsInfos .cntctUsTitl h1 {
		font-family: 'IRANSansBold';
		font-size: 40px;
		line-height: 56px;
		color: #080F5B;
		text-align: right;
	}

	#cntctUsSec .cntctUsInfos .cntctUsTitl span {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		display: block;
		width: 100%;
		text-align: right;
		margin-top: 15px;
		margin-bottom: 30px;
	}

	#cntctUsSec .cntctUsInfos .customrSrvces {
		margin-top: 15px;
		margin-bottom: 8px;
	}

		#cntctUsSec .cntctUsInfos .customrSrvces ul {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			padding-right: 0;
		}

		#cntctUsSec .cntctUsInfos .customrSrvces li {
			background: #FAFAFA;
			border-radius: 10px;
			width: 50%;
			padding: 12px 10px;
		}

			#cntctUsSec .cntctUsInfos .customrSrvces li:first-child {
				margin-left: 3px;
			}

			#cntctUsSec .cntctUsInfos .customrSrvces li:last-child {
				margin-right: 3px;
			}

	#cntctUsSec .cntctUsInfos .customrSrvcLi {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#cntctUsSec .cntctUsInfos .customrSrvcDiv {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 60px;
	}

	#cntctUsSec .cntctUsInfos .customrSrvcImg {
		width: 47px;
		height: 47px;
		border-radius: 50%;
	}

		#cntctUsSec .cntctUsInfos .customrSrvcImg img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			object-fit: cover;
		}

	#cntctUsSec .cntctUsInfos .customrSrvcDiv p {
		font-family: 'IRANSansBold';
		font-size: 10px;
		line-height: 12px;
		color: #080F5B;
		margin-top: 5px;
	}

	#cntctUsSec .cntctUsInfos .customrSrvcTxt {
		width: calc(100% - 70px);
		padding-right: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: right;
		border-right: 1px solid rgba(174, 174, 174, 0.15);
	}

		#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcName {
			font-family: 'IRANSansBold';
			font-size: 12px;
			line-height: 14px;
			color: #A1A1A1;
		}

		#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcPhon {
			font-family: 'IRANSansBold';
			font-size: 24px;
			line-height: 28px;
			color: #0D19A3;
			margin-bottom: 5px;
			margin-top: 15px;
			direction: ltr;
		}

		#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcMail {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			color: #080F5B;
			margin-bottom: 10px;
		}

		#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcTime {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

			#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcTime p {
				font-size: 12px;
				line-height: 14px;
				color: #080F5B;
			}

	#cntctUsSec .cntctUsInfos .cstmrSrvcAddrs {
		min-height: 83px;
		width: 100%;
		background: #FAFAFA;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 1px 10px;
	}

		#cntctUsSec .cntctUsInfos .cstmrSrvcAddrs span {
			color: #A1A1A1;
			font-size: 50px;
			width: 60px;
			text-align: center;
		}

		#cntctUsSec .cntctUsInfos .cstmrSrvcAddrs div {
			font-family: 'IRANSansBold';
			text-align: right;
			padding-left: 10px;
			width: calc(100% - 60px);
		}

		#cntctUsSec .cntctUsInfos .cstmrSrvcAddrs small {
			font-size: 12px;
			line-height: 14px;
			color: #A1A1A1;
		}

		#cntctUsSec .cntctUsInfos .cstmrSrvcAddrs p {
			font-size: 18px;
			line-height: 21px;
			color: #0D19A3;
		}

	#cntctUsSec .cntctUsInfos .cstmrSrvcFrmTtl {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		color: #080F5B;
		margin-top: 35px;
		margin-bottom: 15px;
		text-align: right;
	}

		#cntctUsSec .cntctUsInfos .cstmrSrvcFrmTtl span {
			color: #86C232;
		}

/**************************AboutUsPage************************/
/*******************AboutUsSec**********************/
#AboutUsSec {
	margin-top: 30px;
}

	#AboutUsSec .AboutUsTitle {
		font-family: 'IRANSansBold';
		font-size: 38px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
	}

	#AboutUsSec .AboutUsImg {
		position: relative;
		width: 70%;
		margin-top: 30px;
	}

		#AboutUsSec .AboutUsImg .image_parent {
			display: block;
			position: relative;
			width: 100%;
			overflow: hidden;
			transform: rotate(4.12deg);
		}

			#AboutUsSec .AboutUsImg .image_parent::after {
				content: '';
				display: block;
				padding-top: 56%;
			}

		#AboutUsSec .AboutUsImg .image_inner {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

			#AboutUsSec .AboutUsImg .image_inner img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

	#AboutUsSec .AboutUsReel {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -240px;
		width: 336px;
		height: 205px;
		background: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	}

		#AboutUsSec .AboutUsReel img {
			width: 176px;
			height: 56px;
		}

		#AboutUsSec .AboutUsReel p {
			font-family: 'IRANSansMedium';
			font-size: 10px;
			line-height: 12px;
			color: #080F5B;
			text-align: right;
			width: 176px;
			margin-top: 6px;
		}

	#AboutUsSec .AboutUsTxt {
		margin-top: 80px;
	}

		#AboutUsSec .AboutUsTxt .AbotUsTxtHed {
			font-family: 'IRANSansBold';
			font-size: 48px;
			line-height: 56px;
			color: #0D19A3;
			text-align: right;
		}

		#AboutUsSec .AboutUsTxt .AbotUsTxtCntnt {
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			margin-top: 15px;
		}

			#AboutUsSec .AboutUsTxt .AbotUsTxtCntnt p {
				text-align: right;
			}

		#AboutUsSec .AboutUsTxt .AbotUsTxtVideo {
			width: 75%;
			height: 450px;
			margin: 35px auto;
			position: relative;
		}

			#AboutUsSec .AboutUsTxt .AbotUsTxtVideo img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			#AboutUsSec .AboutUsTxt .AbotUsTxtVideo .video-js .vjs-tech {
				height: 100%;
			}

			#AboutUsSec .AboutUsTxt .AbotUsTxtVideo .video-js.vjs-fluid {
				height: 100%;
				padding-top: 0;
				padding-bottom: 0;
			}

			#AboutUsSec .AboutUsTxt .AbotUsTxtVideo .vjs-poster {
				background-size: cover;
			}

	#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 247px;
		height: 78px;
		background: rgba(255, 255, 255, 0.85);
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(21px);
		border-radius: 77px;
		padding: 1px 10px;
	}

		#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button .vjs-icon-placeholder {
			border-radius: 50%;
			background: #0D19A3;
			width: 50px;
			height: 50px;
			display: block;
			position: relative;
		}

			#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
				font-size: 35px;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -47%);
			}

			#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
				font-family: 'IRANSansBold';
				position: absolute;
				left: -150px;
				top: 50%;
				transform: translateY(-50%);
				content: 'WATCH NOW';
				font-size: 24px;
				line-height: 28px;
				color: #0D19A3;
			}

			#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button:hover,
			#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:hover:after {
				color: #080F5B;
			}

/******************PhotoGallrySec*******************/
#PhotoGallrySec {
	margin-top: 170px;
}

	#PhotoGallrySec .PhtoGllryTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #080F5B;
		margin-bottom: 25px;
	}

	#PhotoGallrySec .PhtoGllryDiv {
		display: block;
	}

.AboutUsPage .lg-container.lg-show {
	direction: ltr;
}

#PhotoGallrySec #lightgallery {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

	#PhotoGallrySec #lightgallery .glryCard {
		width: 32%;
		margin: 6px 4px;
		height: 250px;
		transition: all 0.6s;
		position: relative;
		cursor: pointer;
		z-index: 0;
	}

		#PhotoGallrySec #lightgallery .glryCard .glryItemTitl {
			display: none;
			width: 44px;
			height: 49px;
			background: rgba(8, 15, 91, 0.8);
			border-radius: 25px 0px;
			color: #fff;
			position: absolute;
			left: 45%;
			top: 45%;
			transform: translate(-50%, -50%);
			transition: all 0.6s;
			text-align: center;
			align-items: center;
			justify-content: center;
			z-index: 3;
		}

		#PhotoGallrySec #lightgallery .glryCard .plyIconBox {
			color: #fff;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 68px;
			height: 66px;
			background: rgba(87, 87, 86, 0.75);
			box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.05);
			backdrop-filter: blur(10px);
			transition: all 0.6s;
			z-index: 4;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			#PhotoGallrySec #lightgallery .glryCard .plyIconBox span {
				font-size: 42px;
			}

		#PhotoGallrySec #lightgallery .glryCard .hvrGlryItm {
			display: none;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background-color: rgba(0, 0, 0, 0.3);
			z-index: 2;
		}

		#PhotoGallrySec #lightgallery .glryCard:hover {
			opacity: 1;
		}

			#PhotoGallrySec #lightgallery .glryCard:hover > .hvrGlryItm {
				display: block;
			}

	#PhotoGallrySec #lightgallery .hvrGlryItm:hover > .glryItemTitl {
		display: flex;
	}

	#PhotoGallrySec #lightgallery .glryCard img {
		width: 100%;
		height: 100%;
		transition: all 0.6s;
	}

/******************ReelsnewsSec*********************/
#ReelsnewsSec {
	margin-top: 80px;
}

	#ReelsnewsSec .ReelnewsTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #080F5B;
	}

	#ReelsnewsSec .ReelnewsDiv {
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

		#ReelsnewsSec .ReelnewsDiv .ReelnewsCrd {
			width: 32%;
			margin: 6px 4px;
			transition: all 0.6s;
			border-radius: 10px;
			background: #FBFBFB;
			transition: all 0.6s;
			display: block;
		}

	#ReelsnewsSec .ReelnewsCrd .RNewsCrdImg .image_parent {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}

		#ReelsnewsSec .ReelnewsCrd .RNewsCrdImg .image_parent::after {
			content: '';
			display: block;
			padding-top: 67%;
			border-radius: 10px 10px 0px 0px;
		}

	#ReelsnewsSec .ReelnewsCrd .RNewsCrdImg .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

		#ReelsnewsSec .ReelnewsCrd .RNewsCrdImg .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px 10px 0px 0px;
		}

	#ReelsnewsSec .ReelnewsCrd .RNewsCrdBdy {
		padding: 15px;
		display: block;
	}

		#ReelsnewsSec .ReelnewsCrd .RNewsCrdBdy .RNewsCrdTitl {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
		}

	#ReelsnewsSec .ReelnewsCrd .RNewsCrdTitl .RNewsCrdTtlP {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 21px;
		text-align: right;
		color: #080F5B;
		width: calc(100% - 110px);
	}

	#ReelsnewsSec .RNewsCrdTitl .RNewsCrdTime {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		font-family: 'IRANSansBold';
		font-size: 12px;
		line-height: 14px;
		color: #A1A1A1;
		width: 110px;
	}

		#ReelsnewsSec .RNewsCrdTitl .RNewsCrdTime p {
			margin-left: 5px;
		}

		#ReelsnewsSec .RNewsCrdTitl .RNewsCrdTime span {
			font-size: 20px;
		}

	#ReelsnewsSec .ReelnewsCrd .RNewsCrdText {
		font-size: 14px;
		line-height: 24px;
		color: #A1A1A1;
		text-align: right;
		margin-top: 15px;
		margin-bottom: 18px;
	}

	#ReelsnewsSec .ReelnewsCrd .RNewsCrdBdy .RelnwsCrdBtn {
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		width: 100%;
		height: 47px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
		transition: all 0.6s;
	}

		#ReelsnewsSec .ReelnewsCrd .RNewsCrdBdy .RelnwsCrdBtn:hover {
			background-color: #080F5B;
			color: #fff;
			opacity: 1;
		}

	#ReelsnewsSec .ReelnewsDiv .ReelnewsCrd:hover {
		background-color: #fff;
		filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.1));
		opacity: 1;
	}

/******************ReelAwardSec*********************/
#ReelAwardSec {
	margin-top: 80px;
	margin-bottom: 80px;
}

	#ReelAwardSec .ReelAwardTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #080F5B;
	}

	#ReelAwardSec .ReelAwardsDiv {
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#ReelAwardSec .ReelAwardsDiv .ReelAwardCrd {
			width: 32%;
			margin: 6px 4px;
			transition: all 0.6s;
			display: block;
		}

			#ReelAwardSec .ReelAwardsDiv .ReelAwardCrd:hover {
				background: #FBFBFB;
				opacity: 1;
			}

	#ReelAwardSec .ReelAwardCrd .RAwardCrdImg .image_parent {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
	}

		#ReelAwardSec .ReelAwardCrd .RAwardCrdImg .image_parent::after {
			content: '';
			display: block;
			padding-top: 64%;
		}

	#ReelAwardSec .ReelAwardCrd .RAwardCrdImg .image_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		#ReelAwardSec .ReelAwardCrd .RAwardCrdImg .image_inner img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#ReelAwardSec .ReelAwardCrd .RAwardCrdBdy {
		padding: 15px;
		display: block;
	}

	#ReelAwardSec .ReelAwardCrd .RAwardCrdTitl h6 {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 21px;
		text-align: right;
		color: #080F5B;
	}

	#ReelAwardSec .ReelAwardCrd .RAwardCrdText {
		text-align: right;
		font-size: 14px;
		line-height: 16px;
	}

		#ReelAwardSec .ReelAwardCrd .RAwardCrdText p {
			color: #080F5B;
			margin-top: 5px;
			margin-bottom: 10px;
		}

		#ReelAwardSec .ReelAwardCrd .RAwardCrdText span {
			color: #A1A1A1;
			display: block;
		}

/*************************CartPage*************************/
#cartStepSec .bakHomeLnk {
	width: 142px;
	height: 46px;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 5px;
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #A1A1A1;
	transition: all 0.6s;
}

	#cartStepSec .bakHomeLnk:hover {
		background: #080F5B;
		color: #fff;
	}

#cartStepSec .hdrLgoBx {
	width: 123px;
	height: 46px;
	padding: 2px 0;
}

#cartStepSec .inYourCartBx {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

#cartStepSec .CartTableBox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#cartStepSec .inYourCartBx .inYourCrtCntnt {
	width: 70%;
	padding-left: 15px;
	padding-top: 20px;
}

.inYourCrtTable .tblItemDiv {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	.inYourCrtTable .tblItemDiv img {
		width: 98px;
		height: 67px;
		border-radius: 10px;
	}

	.inYourCrtTable .tblItemDiv p {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 20px;
		color: #080F5B;
		margin-right: 10px;
		text-align: right;
		min-width: 100px;
	}

.inYourCrtTable .TblCtgryLnk {
	width: 89px;
	height: 37px;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	color: #0D19A3;
	transition: all 0.6s;
}

	.inYourCrtTable .TblCtgryLnk:hover {
		color: #fff;
		background: #0D19A3;
	}

.inYourCrtTable .tblLeveleBox {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.inYourCrtTable .tblLeveleBox img {
		width: 23px;
		height: 23px;
	}

	.inYourCrtTable .tblLeveleBox p {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		margin-right: 5px;
	}

.inYourCrtTable .tblPriceBox {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 122px;
}

	.inYourCrtTable .tblPriceBox .discntAmntBx {
		width: 27px;
		height: 27px;
		background: #E3690C;
		border-radius: 9px;
		font-family: 'IRANSansBold';
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		line-height: 14px;
		color: #FFFFFF;
	}

.inYourCrtTable table td small {
	font-size: 8px;
}

.inYourCrtTable .tblPriceBox div {
	text-align: right;
	margin-right: 8px;
}

.inYourCrtTable .tblPriceBox del {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #A1A1A1;
}

.inYourCrtTable .tblPriceBox span {
	font-family: 'IRANSansBold';
	font-size: 18px;
	line-height: 21px;
	color: #E3690C;
	display: block;
	margin-top: 5px;
}

.inYourCrtTable .tblPriceP {
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	color: #0D19A3;
}

.inYourCrtTable .tblDeletBox {
	width: 35px;
	height: 35px;
	background: #F9F9F9;
	border: 2px solid #A1A1A1;
	box-sizing: border-box;
	border-radius: 10px;
	color: red;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.6s;
}

	.inYourCrtTable .tblDeletBox:hover {
		border-color: red;
	}

.inYourCrtTable .tblItemNo {
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #A1A1A1;
}

#cartStepSec .inYourCartBx .inYourCrtCntnt .inYourCrtTitl {
	margin-top: 10px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #080F5B;
	font-family: 'IRANSansBold';
}

	#cartStepSec .inYourCartBx .inYourCrtCntnt .inYourCrtTitl h1 {
		font-size: 36px;
		line-height: 42px;
		text-align: right;
	}

	#cartStepSec .inYourCartBx .inYourCrtCntnt .inYourCrtTitl span {
		font-size: 18px;
		line-height: 21px;
	}

.inYourCrtTable table {
	border-radius: 10px;
}

.inYourCrtTable thead {
	background: #F4F4F4;
	border-radius: 10px 10px 0px 0px;
}

	.inYourCrtTable thead tr {
		border-radius: 10px 10px 0 0;
	}

	.inYourCrtTable thead th:first-child {
		border-radius: 0 10px 0 0;
	}

	.inYourCrtTable thead th:last-child {
		border-radius: 10px 0 0 0;
	}

.inYourCrtTable th,
.inYourCrtTable td {
	vertical-align: middle;
}

	.inYourCrtTable th:first-child {
		border-radius: 10px 0 0 0;
	}

.inYourCrtTable tr:last-child {
	border-radius: 0 0 10px 10px;
}

	.inYourCrtTable tr:last-child td:first-child {
		border-radius: 0 0 10px 0;
	}

	.inYourCrtTable tr:last-child td:last-child {
		border-radius: 0 0 0 10px;
	}

.inYourCrtTable .table-striped tbody tr:nth-of-type(odd) {
	background: #F9F9F9;
}

#cartStepSec .inYourCartBx .inYourCartMnu {
	position: sticky;
	top: 0;
	width: 30%;
	margin-bottom: 35px;
}

#cartStepSec .inYourCartBx .InvoiceBox {
	background: #FFFFFF;
	box-shadow: 0px 10px 63px rgb(0 0 0 / 10%);
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}

#cartStepSec .inYourCartBx .invoiceTitl {
	font-family: 'IRANSansBold';
	font-size: 24px;
	line-height: 28px;
	color: #080F5B;
	text-align: right;
}

#cartStepSec .inYourCartBx .invoiceList {
	padding-right: 0;
}

	#cartStepSec .inYourCartBx .invoiceList li {
		border-bottom: 1px solid #E5E5E5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 1px;
	}

		#cartStepSec .inYourCartBx .invoiceList li .invoicLstNam {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			align-items: flex-start;
			justify-content: flex-start;
			text-align: right;
		}

		#cartStepSec .inYourCartBx .invoiceList li:nth-child(2) {
			padding-top: 22px;
			padding-bottom: 22px;
		}

		#cartStepSec .inYourCartBx .invoiceList li div {
			font-family: 'IRANSansBold';
			display: flex;
			align-items: flex-end;
			justify-content: flex-end;
			flex-direction: column;
			width: calc(100% - 19px);
		}

			#cartStepSec .inYourCartBx .invoiceList li div del {
				font-size: 12px;
				line-height: 14px;
				color: #A1A1A1;
			}

			#cartStepSec .inYourCartBx .invoiceList li div span {
				font-size: 14px;
				line-height: 16px;
				color: #E3690C;
				margin-top: 2px;
				margin-bottom: 2px;
			}

		#cartStepSec .inYourCartBx .invoiceList li .discntAmntBx {
			font-size: 12px;
			line-height: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			width: 29.04px;
			height: 28.84px;
			background: #E3690C;
			border-radius: 9px;
		}

		#cartStepSec .inYourCartBx .invoiceList li div small {
			font-size: 8px;
		}

		#cartStepSec .inYourCartBx .invoiceList li div div {
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
			flex-direction: row;
		}

		#cartStepSec .inYourCartBx .invoiceList li div p {
			font-size: 18px;
			line-height: 21px;
			color: #0D19A3;
		}

#cartStepSec .inYourCartBx .frmStpBtns {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	margin-top: 20px;
}

	#cartStepSec .inYourCartBx .frmStpBtns input {
		margin-left: 3px;
		margin-right: 3px;
		text-transform: none;
		font-size: 18px;
		line-height: 21px;
	}

#cartStepSec .inYourCartBx .invoiceList li.chngStylLi {
	display: block;
}

#cartStepSec .inYourCartBx .invoiceList li:last-child,
#cartStepSec .inYourCartBx .invoiceList li.LastLi {
	border-bottom: 0;
}

#cartStepSec .inYourCartBx .invoiceList .invoicLstNam p {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #A1A1A1;
}

#cartStepSec .inYourCartBx .InvoiceBox div.DiscontCodBx {
	width: 100%;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	margin-top: 15px;
	margin-bottom: 10px;
}

#cartStepSec .inYourCartBx .DiscontCodBx input {
	width: calc(100% - 100px);
	border-radius: 10px 0px 0px 10px;
	font-family: 'IRANSansMedium';
	color: #0D19A3;
	font-size: 14px;
	line-height: 16px;
	border: none;
	padding-right: 5px;
}

#cartStepSec .inYourCartBx .DiscontCodBx button {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	width: 97px;
	height: 54px;
	background: #E3690C;
	border-radius: 10px 0px 0px 10px;
	border: none;
}

#cartStepSec .inYourCartBx .chngStylLi span {
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	width: 100%;
	display: none;
	transition: all 0.6s;
	color: #E3690C;
}

#cartStepSec .inYourCartBx .inYourCartMnu .BakFrmBtn {
	height: 73px;
	border: 1px solid #A1A1A1;
	box-sizing: border-box;
	border-radius: 10px;
	font-family: 'IRANSansBold';
	font-size: 18px;
	line-height: 21px;
	color: #A1A1A1;
	background: #fff;
	transition: all 0.6s;
	width: 40%;
	flex: 40%;
}

	#cartStepSec .inYourCartBx .inYourCartMnu .BakFrmBtn:hover {
		background: #A1A1A1;
		opacity: 1;
		color: #fff;
	}

#cartStepSec .inYourCartBx .addMoreCart {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

	#cartStepSec .inYourCartBx .addMoreCart p {
		margin-left: 15px;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		text-align: right;
	}

	#cartStepSec .inYourCartBx .addMoreCart a {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 123px;
		height: 53px;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 10px;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
		transition: all 0.6s;
	}

		#cartStepSec .inYourCartBx .addMoreCart a i {
			font-style: normal;
		}

		#cartStepSec .inYourCartBx .addMoreCart a:hover {
			background-color: #080F5B;
			color: #fff;
			opacity: 1;
		}

#cartStepSec #RPrdctSlidrSec {
	margin-top: 80px;
	width: 100%;
}

#cartStepSec .cartStepSuccs {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

	#cartStepSec .cartStepSuccs .crtStpSucsImg {
		width: 140px;
		height: 140px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

		#cartStepSec .cartStepSuccs .crtStpSucsImg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#cartStepSec .cartStepSuccs h2 {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #FF1D61;
		margin-bottom: 20px;
	}

	#cartStepSec .cartStepSuccs h3 {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #86C232;
		margin-bottom: 20px;
		display: block;
	}

	#cartStepSec .cartStepSuccs span {
		font-size: 18px;
		line-height: 141.5%;
		text-align: center;
		color: #080F5B;
		display: block;
	}

	#cartStepSec .cartStepSuccs .frmStpBtns {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
	}

		#cartStepSec .cartStepSuccs .frmStpBtns input {
			width: 50%;
			display: block;
			height: 73px;
			border-radius: 10px;
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			margin-left: 3px;
			margin-right: 3px;
		}

		#cartStepSec .cartStepSuccs .frmStpBtns .frmStpPrev {
			color: #A1A1A1;
			border: 1px solid #A1A1A1;
			width: 40%;
			flex: 40%;
		}

		#cartStepSec .cartStepSuccs .frmStpBtns .frmStpNext {
			background: #86C232;
			border-color: #86C232;
			color: #FFFFFF;
			width: 60%;
			flex: 60%;
		}

		#cartStepSec .cartStepSuccs .frmStpBtns .frmStpPrev:hover {
			color: #fff;
		}

		#cartStepSec .cartStepSuccs .frmStpBtns .frmStpNext:hover {
			background-color: #61892F;
		}

#cartStepSec .TrnsactnDtils {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	margin-top: 50px;
}

	#cartStepSec .inYrCartTitle,
	#cartStepSec .TrnsactnDtils h6 {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		text-align: center;
		color: #080F5B;
		margin-bottom: 25px;
	}

	#cartStepSec .TrnsactnDtils ul {
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
		border-radius: 10px;
		padding: 25px 20px;
	}

	#cartStepSec .TrnsactnDtils li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 15px;
		padding-bottom: 15px;
	}

		#cartStepSec .TrnsactnDtils li div {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			color: #080F5B;
		}

		#cartStepSec .TrnsactnDtils li span {
			font-family: IRANSansMedium;
			font-size: 18px;
			line-height: 21px;
			color: #0D19A3;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

		#cartStepSec .TrnsactnDtils li:last-child span {
			font-size: 14px;
		}

		#cartStepSec .TrnsactnDtils li span small {
			display: block;
			width: 15px;
			font-size: 8px;
		}

		#cartStepSec .TrnsactnDtils li span.TDiscntTxt {
			color: #E3690C;
		}

		#cartStepSec .TrnsactnDtils li span.TPriceTxt {
			color: #86C232;
		}

/*************************QandAPage*********************************/
/***********************QandASec***********************/
#QandASec {
	margin-top: 30px;
	margin-bottom: 50px;
}

	#QandASec .QandAPgTitle {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		margin-bottom: 20px;
		text-align: right;
	}

	#QandASec .QandAPageBx {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}

		#QandASec .QandAPageBx .QandAPgCtgry {
			width: 25%;
		}

	#QandASec .QandAPgCtgry .drpSelFltrBx {
		width: 100%;
		height: 58px;
		background: #FFFFFF;
		box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
		border-radius: 10px;
		padding: 6px;
		margin-bottom: 15px;
	}

	#QandASec .QandAPageBx .QandAPgCntnt {
		width: 73%;
		margin-bottom: 50px;
	}

	#QandASec .QandAPgCntnt .srchPkgediv {
		height: 49px;
		width: 100%;
		background-color: #fff;
		border: 1px solid #A1A1A1;
		box-sizing: border-box;
		border-radius: 5px;
		margin-top: 5px;
	}

	#QandASec .srchPkgediv .deletValue {
		color: #A1A1A1;
		border-radius: 50%;
		padding: 3px 8px 0px 8px;
		cursor: pointer;
		display: none;
		font-size: 24px;
		margin-top: 6px;
	}

	#QandASec .srchPkgediv .input-group {
		height: 46px;
		padding-right: 4px;
	}

	#QandASec .srchPkgediv .input-group-text {
		color: #080F5B;
		background-color: #fff;
		border: none;
		height: 43px;
	}

		#QandASec .srchPkgediv .input-group-text span {
			font-size: 25px;
			color: #080F5B;
		}

	#QandASec .srchPkgediv input.form-control {
		height: 43px;
		width: calc(100% - 90px);
		border: none;
		font-weight: 500;
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		font-family: 'IRANSansMedium';
		border-radius: 5px;
	}

	#QandASec .srchPkgediv input::-webkit-input-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#QandASec .srchPkgediv input::-moz-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#QandASec .srchPkgediv input:-ms-input-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#QandASec .srchPkgediv input:-moz-placeholder {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
	}

	#QandASec .QandAPgCtgry .QandACtgryLst ul {
		padding-right: 0;
	}

	#QandASec .QandAPgCtgry .QandACtgryLst li {
		margin-bottom: 15px;
		width: 100%;
	}

		#QandASec .QandAPgCtgry .QandACtgryLst li a {
			display: flex;
			align-items: center;
			justify-content: space-between;
			background: #FFFFFF;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 10px;
			padding: 10px;
			transition: all 0.6s;
			width: 100%;
		}

			#QandASec .QandAPgCtgry .QandACtgryLst li a:hover {
				box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
				border-color: #fff;
			}

		#QandASec .QandAPgCtgry .QandACtgryLst li div {
			width: calc(100% - 55px);
			margin-right: 10px;
			font-size: 14px;
			line-height: 141.5%;
			text-align: right;
		}

	#QandASec .QandAPgCtgry .QandACtgryLst img {
		width: 53px;
		height: 53px;
	}

	#QandASec .QandAPgCtgry .QandACtgryLst p {
		font-family: 'IRANSansBold';
		color: #0D19A3;
	}

	#QandASec .QandAPgCtgry .QandACtgryLst span {
		display: block;
		font-family: 'IRANSansMedium';
		color: #A1A1A1;
	}

	#QandASec .QandAPgCtgryDiv .card.CrdOpend {
		border: 1px solid #0D19A3;
	}

	#QandASec .QandAPgCtgryDiv .card-header.hdrOpend {
		border-radius: 10px;
	}

	#QandASec .QandAPgCtgryDiv .card-header {
		padding: 25px 1.25rem;
	}

		#QandASec .QandAPgCtgryDiv .card-header div h4 {
			font-family: 'IRANSansBold';
			font-size: 24px;
			line-height: 28px;
			color: #080F5B;
		}

	#QandASec .QandAPgCtgryDiv .card-body {
		padding-top: 0;
	}

		#QandASec .QandAPgCtgryDiv .card-body a {
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 5px;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
			width: 142.44px;
			height: 46.53px;
			transition: all 0.6s;
			margin-top: 20px;
		}

			#QandASec .QandAPgCtgryDiv .card-body a:hover {
				background-color: #0D19A3;
				color: #fff;
			}

			#QandASec .QandAPgCtgryDiv .card-body a i {
				font-style: normal;
				margin-left: 4px;
			}

		#QandASec .QandAPgCtgryDiv .card-body p {
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			width: 90%;
			text-align: right;
		}

/************************QAboutSec*********************/
#QAboutSec .QAnswerBox {
	margin-top: 30px;
	margin-bottom: 35px;
}

	#QAboutSec .QAnswerBox .QAnswerTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
	}

	#QAboutSec .QAnswerBox .QAnswerTxt {
		font-size: 18px;
		line-height: 141.5%;
		color: #080F5B;
		text-align: right;
		margin-top: 20px;
		margin-bottom: 35px;
	}

	#QAboutSec .QAnswerBox .likeDAnswerBx {
		min-height: 90px;
		background: #F9F9F9;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 15px;
	}

		#QAboutSec .QAnswerBox .likeDAnswerBx div {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx p {
			font-family: 'IRANSansMedium';
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			margin-left: 15px;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx form {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx .custom-radio {
			position: relative;
			width: 65px;
			height: 46px;
			margin-left: 10px;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx input {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			z-index: 1;
			cursor: pointer;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx label {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #FFFFFF;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #A1A1A1;
			margin-bottom: 0;
			transition: all 0.6s;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx input:checked ~ label {
			background: #0D19A3;
			color: #fff;
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx span {
		}

		#QAboutSec .QAnswerBox .likeDAnswerBx small {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 141.5%;
			color: #A1A1A1;
		}

#QAboutSec .NotAnswerBx {
	background: url('../img/img73.jpg');
	background-size: cover;
	padding: 35px 15px;
	margin-bottom: 50px;
	border-radius: 10px;
	min-height: 310px;
}

	#QAboutSec .NotAnswerBx .NotAnswrTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 141.5%;
		text-align: center;
		color: #FFFFFF;
		margin-bottom: 30px;
	}

	#QAboutSec .NotAnswerBx .AnswerItems {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#QAboutSec .NotAnswerBx .AnswerItems div {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			width: 50%;
		}

			#QAboutSec .NotAnswerBx .AnswerItems div:first-child {
				border-left: 1px solid #fff;
			}

		#QAboutSec .NotAnswerBx .AnswerItems a {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 141.5%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #0D19A3;
			width: 103px;
			height: 40px;
			background: #FFFFFF;
			border-radius: 20px;
			transition: all 0.6s;
		}

			#QAboutSec .NotAnswerBx .AnswerItems a:hover {
				background: #0D19A3;
				color: #fff;
				opacity: 1;
			}

		#QAboutSec .NotAnswerBx .AnswerItems p {
			font-family: 'IRANSansMedium';
			font-size: 24px;
			line-height: 35px;
			color: #FFFFFF;
			direction: ltr;
		}

		#QAboutSec .NotAnswerBx .AnswerItems small {
			font-size: 14px;
			line-height: 141.5%;
			display: block;
			color: #FFFFFF;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		#QAboutSec .NotAnswerBx .AnswerItems span {
			font-size: 70px;
			color: #fff;
		}

/***********************ourCustmrSec********************/
#ourCustmrSec {
	margin-top: 30px;
	margin-bottom: 35px;
}

	#ourCustmrSec .ourCustmrTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #080F5B;
		margin-bottom: 10px;
	}

	#ourCustmrSec .ourCustmrText {
		font-size: 18px;
		line-height: 141.5%;
		text-align: center;
		color: #080F5B;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}

	#ourCustmrSec ul {
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 0;
	}

	#ourCustmrSec li {
		width: 210px;
		height: 210px;
		border: 1px solid rgba(13, 25, 163, 0.15);
		box-sizing: border-box;
		margin: 6px;
		transition: all 0.6s;
	}

	#ourCustmrSec a {
		display: block;
		width: 100%;
		height: 100%;
	}

		#ourCustmrSec a:hover {
			opacity: 1;
		}

	#ourCustmrSec li:hover {
		transform: translateY(-3px);
	}

	#ourCustmrSec img {
		width: 100%;
		height: 100%;
	}

/**************************CareersSec******************/
#CareersSec {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

	#CareersSec .CareersRSteps {
		width: 28%;
		min-height: 100vh;
		position: sticky;
		top: 0;
		left: 0;
		background: #F9F9F9;
		padding: 20px 15px;
	}

		#CareersSec .CareersRSteps .CarersRStpTtl {
			font-family: 'IRANSansMedium';
			text-align: center;
			font-size: 24px;
			line-height: 141.5%;
			color: #080F5B;
			margin-bottom: 20px;
		}

			#CareersSec .CareersRSteps .CarersRStpTtl span {
				color: #0D19A3;
			}

		#CareersSec .CareersRSteps ul {
			padding-right: 30px;
		}

		#CareersSec .CareersRSteps li {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-bottom: 30px;
		}

			#CareersSec .CareersRSteps li:after {
				position: absolute;
				top: 45px;
				right: 22.5px;
				content: '';
				width: 1px;
				height: 100%;
				background-color: #FF912B;
			}

			#CareersSec .CareersRSteps li:last-child:after {
				display: none;
			}

			#CareersSec .CareersRSteps li div {
				border-radius: 50%;
				width: 45px;
				height: 45px;
				background: #FFEBDD;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #FF902B;
				z-index: 1;
			}

			#CareersSec .CareersRSteps li p {
				margin-right: 10px;
				font-family: 'IRANSansMedium';
				font-size: 14px;
				line-height: 141.5%;
				color: #080F5B;
			}

	#CareersSec .CareersCntntBx {
		width: 72%;
		padding-top: 40px;
		padding-right: 20px;
		margin-bottom: 100px;
	}

		#CareersSec .CareersCntntBx .CarerCntntTitl {
			font-family: 'IRANSansBold';
			font-size: 36px;
			line-height: 42px;
			color: #080F5B;
			margin-bottom: 10px;
			text-align: right;
		}

		#CareersSec .CareersCntntBx .CarerCntntText {
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			text-align: right;
			margin-bottom: 20px;
			width: 75%;
		}

		#CareersSec .CareersCntntBx .CarerCntntList ul {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			flex-wrap: wrap;
			padding-right: 0;
		}

		#CareersSec .CareersCntntBx .CarerCntntList li {
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 10px;
			background: #fff;
			padding: 10px;
			margin: 5px;
			opacity: 0.4;
			transition: all 0.6s;
			min-width: 200px;
		}

	#CareersSec .CarerCntntList li.carerSelected {
		opacity: 1;
	}

	#CareersSec .CareersCntntBx .CarerCntntList li:hover {
		box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
		border-color: #fff;
	}

	#CareersSec .CarerCntntList .CarerAvailBx {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #A1A1A1;
	}

		#CareersSec .CarerCntntList .CarerAvailBx p {
			font-family: 'IRANSansMedium';
			margin-left: 4px;
			font-size: 12px;
			line-height: 14px;
		}

		#CareersSec .CarerCntntList .CarerAvailBx.CarerAvalbl {
			color: #86C232;
		}

	#CareersSec .CarerCntntList li img {
		width: 96px;
		height: 96px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: block;
		margin-top: 20px;
	}

	#CareersSec .CarerCntntList .CarerInfoBx {
		text-align: center;
		margin-top: 15px;
	}

		#CareersSec .CarerCntntList .CarerInfoBx h6 {
			font-family: 'IRANSansBold';
			font-size: 14px;
			line-height: 141.5%;
			color: #0D19A3;
		}

		#CareersSec .CarerCntntList .CarerInfoBx span {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 141.5%;
			color: #A1A1A1;
			display: block;
		}

		#CareersSec .CarerCntntList .CarerInfoBx small {
			font-size: 12px;
			line-height: 141.5%;
			color: #A1A1A1;
			display: block;
		}

	#CareersSec .CareersCntntBx .carerBnftsBx {
		margin-top: 55px;
	}

	#CareersSec .CareersCntntBx .carerBnftTitl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #080F5B;
	}

	#CareersSec .CareersCntntBx .carerBnftText {
		font-size: 18px;
		line-height: 141.5%;
		text-align: center;
		color: #080F5B;
		margin: 10px auto 20px auto;
		width: 60%;
	}

	#CareersSec .CareersCntntBx .carerBnftList ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-right: 0;
	}

	#CareersSec .CareersCntntBx .carerBnftList li {
		min-width: 200px;
		padding: 10px;
		margin: 5px;
	}

	#CareersSec .carerBnftList .BenefitCardImg {
		width: 96px;
		height: 96px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

		#CareersSec .carerBnftList .BenefitCardImg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#CareersSec .carerBnftList li .BenefitCardText {
		text-align: center;
		margin-top: 15px;
	}

		#CareersSec .carerBnftList li .BenefitCardText h6 {
			font-family: 'IRANSansBold';
			font-size: 14px;
			line-height: 141.5%;
			color: #0D19A3;
		}

		#CareersSec .carerBnftList li .BenefitCardText span {
			display: block;
			font-size: 12px;
			line-height: 141.5%;
			color: #080F5B;
			display: block;
			max-width: 170px;
			margin-left: auto;
			margin-right: auto;
		}

/**********************carerPgSec***********************/
#carerPgSec {
	margin-top: 30px;
	margin-bottom: 30px;
}

	#carerPgSec .carerPgTitl {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#carerPgSec .carerPgTitl div {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

			#carerPgSec .carerPgTitl div img {
				width: 47px;
				height: 47px;
			}

			#carerPgSec .carerPgTitl div h3 {
				font-style: normal;
				margin-right: 5px;
				text-align: right;
				font-size: 24px;
				line-height: 28px;
				color: #080F5B;
				font-family: 'IRANSansBold';
			}

		#carerPgSec .carerPgTitl p {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			color: #86C232;
			min-width: 87px;
		}

			#carerPgSec .carerPgTitl p small {
				font-family: 'IRANSansMedium';
				font-size: 14px;
				line-height: 16px;
				text-align: right;
			}

	#carerPgSec .carerPgText {
		font-size: 18px;
		line-height: 141.5%;
		color: #080F5B;
		text-align: right;
		margin-top: 15px;
		margin-bottom: 35px;
		width: 75%;
	}

	#carerPgSec .carerPgInfoLst {
		margin-bottom: 35px;
		width: 75%;
	}

		#carerPgSec .carerPgInfoLst ul {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			flex-wrap: wrap;
			padding-right: 0;
		}

		#carerPgSec .carerPgInfoLst li {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: 14px;
			line-height: 141.5%;
			width: 48%;
			margin: 5px 0 5px 5px;
			margin-bottom: 10px;
		}

			#carerPgSec .carerPgInfoLst li span {
				color: #A1A1A1;
				font-family: 'IRANSansMedium';
			}

			#carerPgSec .carerPgInfoLst li p {
				color: #0D19A3;
				font-family: 'IRANSansBold';
				margin-right: 5px;
			}

	#carerPgSec .carerRequrmntBx .carerRqrmntTtl {
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 141.5%;
		color: #080F5B;
		margin-bottom: 15px;
		text-align: right;
	}

	#carerPgSec .carerRequrmntBx .carerRqrmntLst ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-right: 0;
	}

	#carerPgSec .carerRequrmntBx .carerRqrmntLst li {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 10px;
		width: 48%;
		height: 102px;
		background: #F9F9F9;
		border-radius: 10px;
		margin: 5px 0 10px 10px;
		font-weight: 500;
		font-size: 18px;
		line-height: 141.5%;
		color: #0D19A3;
	}

		#carerPgSec .carerRequrmntBx .carerRqrmntLst li:nth-child(2n) {
			margin-left: 0;
		}

	#carerPgSec .ApplyNowBx {
		margin-top: 80px;
		margin-bottom: 50px;
		text-align: center;
	}

		#carerPgSec .ApplyNowBx h2 {
			font-family: 'IRANSansBold';
			font-size: 36px;
			line-height: 42px;
			color: #080F5B;
		}

		#carerPgSec .ApplyNowBx span {
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			display: block;
			margin-top: 15px;
			margin-bottom: 25px;
		}

		#carerPgSec .ApplyNowBx a {
			width: 428px;
			height: 74px;
			left: 469px;
			background: #0D19A3;
			border-radius: 10px;
			font-family: 'IRANSansMedium';
			font-size: 18px;
			line-height: 21px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			transition: all 0.6s;
			margin-left: auto;
			margin-right: auto;
		}

			#carerPgSec .ApplyNowBx a:hover {
				background: #080F5B;
				opacity: 1;
			}

			#carerPgSec .ApplyNowBx a[disabled="disabled"] {
				background-color: #A1A1A1;
				color: #fff;
			}

	#carerPgSec .ApplyNowFrm {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		display: none;
	}

		#carerPgSec .ApplyNowFrm .PrflImgUpld {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-top: 10px;
			margin-bottom: 10px;
		}

			#carerPgSec .ApplyNowFrm .PrflImgUpld .PrflImgUpldTxt {
				margin-right: 10px;
				text-align: right;
			}

			#carerPgSec .ApplyNowFrm .PrflImgUpld .file_input1 {
				margin-left: 0;
				margin-right: 0;
				width: 73px;
				height: 73px;
				background: #FFFFFF;
			}

			#carerPgSec .ApplyNowFrm .PrflImgUpld .dragBox1 .sel_img {
				width: 73px;
				height: 73px;
				background: #fff;
				border: 1px solid #A1A1A1;
			}

			#carerPgSec .ApplyNowFrm .PrflImgUpld .PrflImgUpldTxt p {
				font-family: 'IRANSansBold';
				font-size: 14px;
				line-height: 16px;
				color: #080F5B;
			}

			#carerPgSec .ApplyNowFrm .PrflImgUpld .PrflImgUpldTxt span {
				display: block;
				margin-top: 10px;
				font-size: 12px;
				line-height: 14px;
				color: #080F5B;
			}

		#carerPgSec .ApplyNowFrm .addCmntForm .CmmntAreaBox::-webkit-input-placeholder {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#carerPgSec .ApplyNowFrm .addCmntForm .CmmntAreaBox::-moz-placeholder {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#carerPgSec .ApplyNowFrm .addCmntForm .CmmntAreaBox:-ms-input-placeholder {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#carerPgSec .ApplyNowFrm .addCmntForm .CmmntAreaBox:-moz-placeholder {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#carerPgSec .ApplyNowFrm .file-uploader {
			margin-top: 10px;
			margin-bottom: 10px;
		}

		#carerPgSec .ApplyNowFrm .fileUplodrMsg {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 10px;
		}

			#carerPgSec .ApplyNowFrm .fileUplodrMsg p {
				font-family: 'IRANSansBold';
				font-size: 14px;
				line-height: 16px;
				color: #080F5B;
			}

			#carerPgSec .ApplyNowFrm .fileUplodrMsg button {
				display: flex;
				align-items: center;
				justify-content: space-evenly;
				color: #0D19A3;
				width: 107px;
				height: 39px;
				background: #FFFFFF;
				border: 1px solid #86C232;
				box-sizing: border-box;
				border-radius: 5px;
			}

				#carerPgSec .ApplyNowFrm .fileUplodrMsg button small {
					font-size: 14px;
					line-height: 16px;
				}

		#carerPgSec .ApplyNowFrm .listOfFile {
			background-color: white;
			font-size: 16px;
			max-width: 100%;
			margin-top: 28px;
		}

			#carerPgSec .ApplyNowFrm .listOfFile li {
				display: flex;
				align-items: center;
				justify-content: flex-start;
			}

			#carerPgSec .ApplyNowFrm .listOfFile .fileLstName {
				max-width: 70%;
				float: left;
			}

		#carerPgSec .ApplyNowFrm .fileLstName {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#carerPgSec .ApplyNowFrm .listOfFile li {
			margin-bottom: 5px;
		}

			#carerPgSec .ApplyNowFrm .listOfFile li small {
				display: block;
				margin-left: 5px;
				width: 30px;
				min-width: 30px;
				height: 30px;
				background: #C4C4C4;
				border-radius: 6px;
			}

		#carerPgSec .ApplyNowFrm .listOfFile .removalBtn {
			height: max-content;
			min-height: 15px;
			width: max-content;
			border: none;
			background-color: transparent;
			margin-left: 15px;
		}

			#carerPgSec .ApplyNowFrm .listOfFile .removalBtn::before {
				content: "Delete";
				font-size: 12px;
				line-height: 14px;
				color: #A1A1A1;
			}

			#carerPgSec .ApplyNowFrm .listOfFile .removalBtn:focus {
				outline: 0;
			}

		#carerPgSec .ApplyNowFrm .fileChserBx {
			width: 100%;
			height: 50px;
			position: relative;
		}

		#carerPgSec .ApplyNowFrm .filChosrInpt {
			margin: 0 auto;
		}

		#carerPgSec .ApplyNowFrm .fileChserBx input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			z-index: 1;
		}

		#carerPgSec .ApplyNowFrm .fileChserBx label {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 3px 5px;
		}

		#carerPgSec .ApplyNowFrm .fileUplodrMsg .fileChserBx label p {
			font-family: 'IRANSansBold';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

		#carerPgSec .ApplyNowFrm .hidden input {
			display: none;
		}

		#carerPgSec .ApplyNowFrm .error {
			background-color: #E3690C;
		}

		#carerPgSec .ApplyNowFrm .fileUplodrMsg .error p.error-message {
			margin-top: 55px;
			display: block;
		}

		#carerPgSec .ApplyNowFrm .cmntFrmBtn {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

			#carerPgSec .ApplyNowFrm .cmntFrmBtn button {
				width: 180px;
				height: 74px;
				background: #0D19A3;
				border: 1px solid #0D19A3;
				border-radius: 10px;
				font-family: 'IRANSansMedium';
				font-size: 18px;
				line-height: 21px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #FFFFFF;
				margin-right: 25px;
				transition: all 0.6s;
			}

				#carerPgSec .ApplyNowFrm .cmntFrmBtn button:hover {
					background: #080F5B;
				}

/**********************errPageSec**********************/
#errPageSec {
	margin-top: 30px;
	margin-bottom: 40px;
}

	#errPageSec .errorBox {
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		text-align: center;
	}

		#errPageSec .errorBox .errorBoxImg {
			width: 50%;
			height: auto;
			margin-bottom: 15px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

			#errPageSec .errorBox .errorBoxImg img {
				width: 100%;
				height: auto;
			}

		#errPageSec .errorBox .errorBxTitl {
			font-family: 'IRANSansBold';
			font-size: 64px;
			line-height: 75px;
			color: #080F5B;
		}

		#errPageSec .errorBox .errorBxText {
			font-size: 18px;
			line-height: 141.5%;
			color: #080F5B;
			margin-top: 25px;
			margin-bottom: 35px;
		}

		#errPageSec .errorBox a {
			font-family: 'IRANSansMedium';
			font-size: 18px;
			line-height: 21px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
			color: #FFFFFF;
			width: 428px;
			height: 74px;
			background: #E3690C;
			border-radius: 10px;
			transition: all 0.6s;
		}

			#errPageSec .errorBox a:hover {
				background: #D25B00;
				opacity: 1;
			}

/************************periodPage********************************/
/***************************periodSec******************/
#periodSec {
	margin-top: 20px;
}

	#periodSec .priodSecTtl {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		color: #080F5B;
		text-align: right;
	}

	#periodSec .priodSecImg {
		width: 100%;
		margin-top: 18px;
		margin-bottom: 65px;
	}

		#periodSec .priodSecImg .image_parent {
			display: block;
			position: relative;
			width: 100%;
			overflow: hidden;
		}

			#periodSec .priodSecImg .image_parent::after {
				content: '';
				display: block;
				padding-top: 38%;
			}

		#periodSec .priodSecImg .image_inner {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

			#periodSec .priodSecImg .image_inner img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

	#periodSec .periodTabCntnt h1 {
		font-family: 'IRANSansBold';
		font-size: 48px;
		line-height: 56px;
		color: #0D19A3;
		margin-bottom: 15px;
		text-align: right;
	}

	#periodSec .periodTabCntnt p {
		font-size: 18px;
		line-height: 141.5%;
		color: #080F5B;
		text-align: right;
	}

	#periodSec .RegisterStpsBx {
		background-color: #F8F8FF;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 100%;
		margin-top: 70px;
		margin-bottom: 40px;
	}

		#periodSec .RegisterStpsBx .RgstrStpsTitl {
			font-family: 'IRANSansBold';
			font-size: 48px;
			line-height: 56px;
			text-align: center;
			color: #080F5B;
			margin-bottom: 30px;
		}

		#periodSec .RegisterStpsBx .RgstrStpsList {
			display: flex;
			align-items: flex-start;
			justify-content: center;
			padding-right: 0;
		}

			#periodSec .RegisterStpsBx .RgstrStpsList li {
				color: #080F5B;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}

			#periodSec .RegisterStpsBx .RgstrStpsList .RgstrStpLstImg {
				position: relative;
				width: 85px;
				height: 85px;
				background: #E9EAFF;
				border-radius: 50%;
				margin-bottom: 10px;
				display: flex;
				align-items: center;
				justify-content: center;
				z-index: 1;
			}

				#periodSec .RegisterStpsBx .RgstrStpsList .RgstrStpLstImg:after {
					position: absolute;
					content: '';
					height: 12px;
					width: 200px;
					left: -190px;
					background: #E9EAFF;
					border-radius: 15px;
					z-index: -1;
					top: 50%;
					transform: translateY(-50%);
				}

	#periodSec .RgstrStpsList li:last-child .RgstrStpLstImg:after {
		display: none;
	}

	#periodSec .RegisterStpsBx .RgstrStpLstTxt {
		padding: 1px 2px;
	}

	#periodSec .RegisterStpsBx .RgstrStpsList h5 {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 21px;
		text-align: center;
		margin-bottom: 8px;
	}

	#periodSec .RegisterStpsBx .RgstrStpsList span {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		display: block;
	}

	#periodSec .joinPeriodBx {
		margin-top: 50px;
		margin-bottom: 80px;
	}

		#periodSec .joinPeriodBx .joinPeriod {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}

			#periodSec .joinPeriodBx .joinPeriod h1 {
				font-family: 'IRANSansBold';
				font-size: 48px;
				line-height: 56px;
				text-align: center;
				color: #0D19A3;
			}

			#periodSec .joinPeriodBx .joinPeriod span {
				display: block;
				font-size: 18px;
				line-height: 141.5%;
				text-align: center;
				color: #080F5B;
				margin-top: 20px;
				margin-bottom: 25px;
				width: 70%;
				margin-left: auto;
				margin-right: auto;
			}

			#periodSec .joinPeriodBx .joinPeriod a {
				font-family: 'IRANSansBold';
				font-size: 24px;
				line-height: 28px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #FFFFFF;
				width: 436px;
				height: 74px;
				background: #0D19A3;
				border-radius: 10px;
				transition: all 0.6s;
			}

				#periodSec .joinPeriodBx .joinPeriod a:hover {
					background-color: #080F5B;
				}

#RegisterFlotBx {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 66px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: -10;
	opacity: 0;
}

	#RegisterFlotBx .RegisterFloat {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#RegisterFlotBx .RegisterFloat a {
			font-family: 'IRANSansBold';
			font-size: 14px;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			width: 115px;
			height: 43px;
			background: #0D19A3;
			border-radius: 10px;
		}

		#RegisterFlotBx .RegisterFloat .RgsterFloatDiv {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

			#RegisterFlotBx .RegisterFloat .RgsterFloatDiv img {
				width: 42px;
				height: 42px;
				margin-left: 10px;
			}

			#RegisterFlotBx .RegisterFloat .RgsterFloatDiv div {
				text-align: right;
			}

				#RegisterFlotBx .RegisterFloat .RgsterFloatDiv div h4 {
					font-family: 'IRANSansBold';
					font-size: 18px;
					line-height: 21px;
					color: #0D19A3;
				}

				#RegisterFlotBx .RegisterFloat .RgsterFloatDiv div span {
					font-size: 14px;
					line-height: 141.5%;
					color: #080F5B;
				}

/**********************frmWizardSec*******************/
.PrflImgUpld {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

	.PrflImgUpld .file_input1 {
		display: block;
		position: relative;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 141px;
		height: 141px;
		background: #EDEDED;
		border-radius: 50%;
	}

		.PrflImgUpld .file_input1 .dragBox1 {
			display: block;
			text-align: center;
			border-radius: 50%;
			margin-right: auto;
			margin-left: auto;
			cursor: pointer;
			width: 100%;
			height: 100%;
		}

	.PrflImgUpld #filename1 {
		padding-right: 10px;
		color: #464646;
		margin-top: 40px;
		font-size: 12px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.PrflImgUpld .file_input1 .dragBox1.dragover {
		background-color: #aaa;
	}

	.PrflImgUpld .file_input1 input[type="file"] {
		left: 0;
		opacity: 0;
		top: 0;
		bottom: 0;
		border-radius: 50%;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		cursor: pointer;
	}

	.PrflImgUpld .dragBox1 .cloud_uploading {
		position: relative;
		font-size: 40px;
		color: #DCDCDC;
	}

		.PrflImgUpld .dragBox1 .cloud_uploading:after {
			position: absolute;
			content: '\e9ce';
			bottom: 0px;
			right: -7px;
			color: #00CB7A;
			font-size: 21px;
			background-color: #fff;
			border-radius: 8px;
		}

	.PrflImgUpld .file_input1 .dragBox1 p {
		font-size: 13px;
		color: #464646;
	}

	.PrflImgUpld .file_input1 .img_size {
		margin-top: 35px;
	}

	.PrflImgUpld .dragBox1 .img_size p,
	.PrflImgUpld .dragBox1 .img_size span {
		display: inline-block !important;
		font-size: 13px;
		color: #464646;
		vertical-align: middle;
	}

	.PrflImgUpld .dragBox1 .sel_img {
		border-radius: 50%;
		box-sizing: border-box;
		width: 141px;
		height: 141px;
		background: #EDEDED;
	}

		.PrflImgUpld .dragBox1 .sel_img img {
			border-radius: 50%;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	.PrflImgUpld .fileUpldName {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #080F5B;
		margin-top: 20px;
		margin-bottom: 25px;
	}

	.PrflImgUpld .UploadNowBtn {
		font-size: 14px;
		line-height: 16px;
		color: #0D19A3;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 140px;
		height: 54px;
		background: #F9F9F9;
		border-radius: 10px;
		transition: all 0.6s;
		margin-right: auto;
		margin-left: auto;
	}

		.PrflImgUpld .UploadNowBtn span {
			color: #080F5B;
			transition: all 0.6s;
		}

		.PrflImgUpld .UploadNowBtn p {
			font-family: 'IRANSansMedium';
			margin-right: 5px;
		}

		.PrflImgUpld .UploadNowBtn:hover {
			background-color: #0D19A3;
			color: #fff;
		}

			.PrflImgUpld .UploadNowBtn:hover span {
				color: #fff;
			}

#frmWizardSec .form-container .srchPkgediv {
	height: 49px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #A1A1A1;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 40px;
}

#frmWizardSec .srchPkgediv .deletValue {
	color: #A1A1A1;
	border-radius: 50%;
	padding: 3px 8px 0px 8px;
	cursor: pointer;
	display: none;
	font-size: 24px;
	margin-top: 6px;
}

#frmWizardSec .srchPkgediv .input-group {
	height: 46px;
	padding-right: 4px;
}

#frmWizardSec .srchPkgediv .input-group-text {
	color: #080F5B;
	background-color: #fff;
	border: none;
	height: 43px;
}

	#frmWizardSec .srchPkgediv .input-group-text span {
		font-size: 25px;
		color: #080F5B;
	}

#frmWizardSec .srchPkgediv input.form-control {
	height: 43px;
	width: calc(100% - 90px);
	border: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
	font-family: 'IRANSansMedium';
	border-radius: 5px;
}

#frmWizardSec .srchPkgediv input::-webkit-input-placeholder {
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

#frmWizardSec .srchPkgediv input::-moz-placeholder {
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

#frmWizardSec .srchPkgediv input:-ms-input-placeholder {
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

#frmWizardSec .srchPkgediv input:-moz-placeholder {
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

#frmWizardSec .AvailblTrmsBx {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

	#frmWizardSec .AvailblTrmsBx .AvalblTrmCntnt {
		width: 70%;
	}

#frmWizardSec .AvailblTrmLst {
	padding-right: 0;
}

	#frmWizardSec .AvailblTrmLst .AvailblTrmLi {
		background: #FBFBFB;
		border-radius: 10px;
		padding: 15px;
		transition: all 0.6s;
		margin-bottom: 15px;
	}

		#frmWizardSec .AvailblTrmLst .AvailblTrmLi:hover {
			background-color: #fff;
			box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
		}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTitl {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		#frmWizardSec .AvailblTrmLst .AvlblTrmTitl h5 {
			font-family: 'IRANSansBold';
			font-size: 24px;
			line-height: 28px;
			color: #080F5B;
			margin-left: 15px;
			margin-top: 5px;
			margin-bottom: 5px;
		}

		#frmWizardSec .AvailblTrmLst .AvlblTrmTitl div {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-right: 10px;
		}

#frmWizardSec .AvlblTrmTitl div:first-child {
	color: #080F5B;
}

#frmWizardSec .AvlblTrmTitl div:last-child {
	color: #F24343;
}

#frmWizardSec .AvailblTrmLst .AvlblTrmTitl i {
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	margin-right: 4px;
}

#frmWizardSec .AvailblTrmLst .AvlblTrmTitl img {
	width: 24px;
	height: 24px;
	object-fit: cover;
}

#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx a {
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0D19A3;
	width: 141px;
	height: 60px;
	border: 1px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 10px;
	transition: all 0.6s;
	margin-top: 5px;
	margin-bottom: 5px;
}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx a:hover {
		color: #fff;
		background-color: #0D19A3;
	}

#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx .slctdTrmTag {
	font-family: 'RobotoBold';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0D19A3;
	width: 128px;
	height: 50px;
	background: #0d19a321;
	border-radius: 10px;
}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx .slctdTrmTag i {
		font-style: normal;
		margin-right: 5px;
	}

#frmWizardSec .AvailblTrmLst .AvlblTrmTxt {
	font-size: 14px;
	line-height: 141.5%;
	color: #080F5B;
	text-align: right;
	margin-top: 15px;
}

#frmWizardSec .AvailblTrmLst .AvlblTrmItem ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
	margin-top: 15px;
	flex-wrap: wrap;
	padding-right: 0;
}

#frmWizardSec .AvailblTrmLst .AvlblTrmItem li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: 15px;
	margin-bottom: 5px;
	min-width: 156px;
}

	#frmWizardSec .AvailblTrmLst .AvlblTrmItem li:nth-child(1) span {
		color: #080F5B;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmItem li:nth-child(2) span {
		color: #86C232;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmItem li:nth-child(3) span {
		color: #A1A1A1;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmItem li:nth-child(4) span {
		color: #E3690C;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmItem li small {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 141.5%;
		color: #0D19A3;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmItem li p {
		font-size: 12px;
		line-height: 141.5%;
		color: #A1A1A1;
		margin-right: 2px;
		margin-left: 3px;
	}

#frmWizardSec .AvailblTrmLst .seeTtlMdlBtn {
	width: 144px;
	height: 44px;
	background: #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #F0F0F0;
	color: #A1A1A1;
	transition: all 0.6s;
}

	#frmWizardSec .AvailblTrmLst .seeTtlMdlBtn:hover {
		border: 1px solid #080F5B;
		background: #E6DCFB;
		color: #080F5B;
		font-family: 'IRANSansMedium';
	}

#frmWizardSec .AvailblTrmsBx .AvalblTrmMnu {
	width: 30%;
	padding-right: 15px;
}

	#frmWizardSec .AvailblTrmsBx .AvalblTrmMnu label {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		margin-bottom: 10px;
		text-align: right;
		width: 100%;
		padding-right: 3px;
	}

#frmWizardSec .AvailblTrmsBx .AvalblTrmBtn {
	font-family: 'IRANSansBold';
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #0D19A3;
	margin-top: 15px;
	width: 100%;
	height: 60px;
	background-color: transparent;
	transition: all 0.6s;
	border: 1px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 10px;
}

	#frmWizardSec .AvailblTrmsBx .AvalblTrmBtn:hover {
		background-color: #0D19A3;
		color: #fff;
	}

#frmWizardSec .AvalblTrmMnu .ViewPeriodBx {
	height: 86px;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 8px;
}

	#frmWizardSec .AvalblTrmMnu .ViewPeriodBx a {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
		width: 112px;
		height: 57px;
		background: #F9F9F9;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.6s;
	}

		#frmWizardSec .AvalblTrmMnu .ViewPeriodBx a:hover {
			color: #fff;
			background: #A1A1A1;
			opacity: 1;
		}

	#frmWizardSec .AvalblTrmMnu .ViewPeriodBx div {
		width: 97px;
		height: 62px
	}

	#frmWizardSec .AvalblTrmMnu .ViewPeriodBx img {
		object-fit: cover;
		width: 100%;
		height: 100%
	}

	#frmWizardSec .AvalblTrmMnu .ViewPeriodBx h6 {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		text-align: right;
		margin-left: 5px;
		margin-right: 5px;
		width: calc(100% - 192px);
	}

#frmWizardSec .AcceptPrchsBx .InvoiceBox {
	width: 370px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}

#frmWizardSec .AvalblTrmMnu .InvoiceBox {
	background: #FFFFFF;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}

#frmWizardSec .InvoiceBox .invoiceTitl {
	font-family: 'IRANSansMedium';
	font-size: 24px;
	line-height: 28px;
	color: #080F5B;
	text-align: right;
}

#frmWizardSec .InvoiceBox .invoiceList {
	padding-right: 0;
}

	#frmWizardSec .InvoiceBox .invoiceList li {
		border-bottom: 1px solid #E5E5E5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 1px;
	}

		#frmWizardSec .InvoiceBox .invoiceList li:last-child,
		#frmWizardSec .InvoiceBox .invoiceList li.LastLi {
			border-bottom: 0;
		}

		#frmWizardSec .InvoiceBox .invoiceList li.chngStylLi {
			display: block;
		}

		#frmWizardSec .InvoiceBox .invoiceList li div {
			font-family: 'IRANSansBold';
			display: flex;
			align-items: flex-end;
			justify-content: flex-end;
			flex-direction: column;
			width: calc(100% - 19px);
		}

			#frmWizardSec .InvoiceBox .invoiceList li div del {
				font-size: 12px;
				line-height: 14px;
				color: #A1A1A1;
			}

			#frmWizardSec .InvoiceBox .invoiceList li div span {
				font-size: 14px;
				line-height: 16px;
				color: #E3690C;
				margin-top: 2px;
				margin-bottom: 2px;
			}

			#frmWizardSec .InvoiceBox .invoiceList li div .discntAmntBx {
				font-size: 12px;
				line-height: 14px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #FFFFFF;
				width: 29.04px;
				height: 28.84px;
				background: #E3690C;
				border-radius: 9px;
			}

			#frmWizardSec .InvoiceBox .invoiceList li div small {
				font-size: 8px;
			}

			#frmWizardSec .InvoiceBox .invoiceList li div div {
				font-size: 14px;
				line-height: 16px;
				color: #0D19A3;
				flex-direction: row;
			}

			#frmWizardSec .InvoiceBox .invoiceList li div p {
				font-size: 18px;
				line-height: 21px;
				color: #0D19A3;
			}

		#frmWizardSec .InvoiceBox .invoiceList li .invoicLstNam {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			align-items: flex-start;
			justify-content: flex-start;
			text-align: right;
		}

	#frmWizardSec .InvoiceBox .invoiceList .invoicLstNam p {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
	}

#frmWizardSec .AvalblTrmMnu .frmStpBtns {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	margin-top: 20px;
}

#frmWizardSec .AcceptPrchsBx .frmStpBtns {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 370px;
}

	#frmWizardSec .AvalblTrmMnu .frmStpBtns input,
	#frmWizardSec .AcceptPrchsBx .frmStpBtns input {
		width: 50%;
		flex: 50%;
		margin-left: 3px;
		margin-right: 3px;
		text-transform: none;
		font-size: 18px;
		line-height: 21px;
	}

#frmWizardSec .AcceptPrchsBx .PurchaseTrms {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
}

	#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PurchaseItm {
		width: 50%;
		flex: 50%;
		margin-left: 3px;
		margin-right: 3px;
		background: #FBFBFB;
		border-radius: 10px;
		padding: 20px 15px;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 15px;
	}

	#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmTxt {
		width: calc(100% - 95px);
		text-align: left;
	}

		#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmTxt h5 {
			font-family: 'IRANSansBold';
			font-size: 24px;
			line-height: 28px;
			display: flex;
			align-items: center;
			color: #080F5B;
		}

		#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmTxt span {
			display: block;
			font-size: 14px;
			line-height: 141.5%;
			color: #080F5B;
			margin-top: 15px;
			margin-bottom: 15px;
			text-align: right;
		}

		#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmTxt a {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #080F5B;
			width: 144px;
			height: 44px;
			background: #F0F0F0;
			border: 1px solid #080F5B;
			box-sizing: border-box;
			border-radius: 5px;
			transition: all 0.6s;
		}

			#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmTxt a:hover {
				background: #080F5B;
				color: #fff;
			}

	#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmImg {
		width: 80px;
		height: 80px;
		border-radius: 50%;
	}

		#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PrchsItmImg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

#frmWizardSec .AcceptPrchsBx .InvoiceBox div.DiscontCodBx {
	width: 100%;
	height: 54px;
	background: #FFFFFF;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	margin-top: 15px;
}

#frmWizardSec .AcceptPrchsBx .DiscontCodBx input {
	width: calc(100% - 100px);
	border-radius: 10px 0px 0px 10px;
	font-family: 'IRANSansMedium';
	color: #0D19A3;
	font-size: 14px;
	line-height: 16px;
	border: none;
	padding-right: 5px;
}

	#frmWizardSec .AcceptPrchsBx .DiscontCodBx input::-webkit-input-placeholder {
		color: #A1A1A1;
	}

	#frmWizardSec .AcceptPrchsBx .DiscontCodBx input::-moz-placeholder {
		color: #A1A1A1;
	}

	#frmWizardSec .AcceptPrchsBx .DiscontCodBx input:-ms-input-placeholder {
		color: #A1A1A1;
	}

	#frmWizardSec .AcceptPrchsBx .DiscontCodBx input:-moz-placeholder {
		color: #A1A1A1;
	}

#frmWizardSec .AcceptPrchsBx .DiscontCodBx button {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	width: 97px;
	height: 54px;
	background: #E3690C;
	border-radius: 10px 0px 0px 10px;
	border: none;
}

	#frmWizardSec .AcceptPrchsBx .DiscontCodBx button:hover {
		opacity: 0.8;
	}

#frmWizardSec .AcceptPrchsBx .AccptPrchChck {
	position: relative;
	min-height: 89px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin-bottom: 40px;
}

	#frmWizardSec .AcceptPrchsBx .AccptPrchChck input {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: 0;
		cursor: pointer;
		margin: 0;
	}

	#frmWizardSec .AcceptPrchsBx .AccptPrchChck label {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #FBFBFB;
		border-radius: 10px;
		padding: 5px 10px 5px 8px;
	}

	#frmWizardSec .AcceptPrchsBx .AccptPrchChck p {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		display: flex;
		align-items: center;
		color: #080F5B;
		text-align: left;
	}

	#frmWizardSec .AcceptPrchsBx .AccptPrchChck span {
		font-family: 'IRANSansMedium';
		font-size: 18px;
		line-height: 21px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #A1A1A1;
		width: 147px;
		height: 46px;
		background: #E8E8E8;
		border-radius: 10px;
		transition: all 0.6s;
	}

	#frmWizardSec .AcceptPrchsBx .AccptPrchChck input:checked ~ label {
		background-color: #fff;
		box-shadow: 0px 10px 63px rgb(0 0 0 / 10%);
	}

		#frmWizardSec .AcceptPrchsBx .AccptPrchChck input:checked ~ label span,
		#frmWizardSec .AcceptPrchsBx .AccptPrchChck input:hover ~ label span {
			background: #080F5B;
			color: #fff;
		}

#frmWizardSec .AccptPrchsTitl {
	font-family: 'IRANSansBold';
	font-size: 18px;
	line-height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #080F5B;
	margin-top: 30px;
	margin-bottom: 20px;
}

#frmWizardSec .AcceptPrchsBx .selPayBank {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

	#frmWizardSec .AcceptPrchsBx .selPayBank .payBankItem {
		position: relative;
		width: 102px;
		height: 102px;
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 10px;
	}

#frmWizardSec .AcceptPrchsBx .payBankItem img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

#frmWizardSec .chckSelctdLst {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

#frmWizardSec .AvailblTrmsBx .chckBoxList {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#frmWizardSec .chckSelctdLst .slectedChkBx {
	position: relative;
	width: 208px;
	height: max-content;
	min-height: 330px;
	padding-left: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
}

#frmWizardSec .AvailblTrmsBx .chckBoxList .selectChkBx1 {
	position: relative;
	width: 208px;
	height: max-content;
	min-height: 354px;
	padding-left: 0;
	margin-right: 10px;
	margin-top: 20px;
}

	#frmWizardSec .AvailblTrmsBx .chckBoxList .selectChkBx1 input {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		z-index: 1;
		opacity: 0;
		cursor: pointer;
	}

	#frmWizardSec .AvailblTrmsBx .chckBoxList .selectChkBx1 label {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

#frmWizardSec .chckSelctdLst .slctdChkBxCrd {
	width: 100%;
	background: #FFFFFF;
	border: 2px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 30px;
	transition: all 0.6s;
	padding: 15px;
}

#frmWizardSec .AvailblTrmsBx .chckBoxList .selChkBxCrd {
	width: 100%;
	background: #FFFFFF;
	border: 2px solid #F9F9F9;
	box-sizing: border-box;
	border-radius: 30px;
	transition: all 0.6s;
	padding: 15px;
}

	#frmWizardSec .AvailblTrmsBx .chckBoxList .selChkBxCrd:hover {
		border: 2px solid #F9F9F9;
		box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	}

#frmWizardSec .chckSelctdLst .slctedChkBxImg,
#frmWizardSec .chckBoxList .slChkBxCrdImg {
	width: 136px;
	height: 136px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

	#frmWizardSec .chckSelctdLst .slctedChkBxImg img,
	#frmWizardSec .chckBoxList .slChkBxCrdImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

#frmWizardSec .chckSelctdLst .slctedChkBxBdy,
#frmWizardSec .chckBoxList .selChkBxCrdBdy {
	margin-top: 25px;
}

	#frmWizardSec .chckSelctdLst .slctedChkBxBdy h5,
	#frmWizardSec .chckBoxList .selChkBxCrdBdy h5 {
		font-family: 'IRANSansBold';
		font-size: 18px;
		line-height: 21px;
		color: #0D19A3;
		text-align: center;
	}

	#frmWizardSec .chckSelctdLst .slctedChkBxBdy span,
	#frmWizardSec .chckBoxList .selChkBxCrdBdy span {
		font-size: 14px;
		line-height: 22px;
		color: #080F5B;
		text-align: center;
		display: block;
		margin-top: 8px;
	}

	#frmWizardSec .chckSelctdLst .slctedChkBxBdy div,
	#frmWizardSec .chckBoxList .selChkBxCrdBdy div {
		font-family: 'IRANSansBold';
		font-size: 24px;
		line-height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #61892F;
		margin-top: 20px;
		margin-bottom: 20px;
	}

		#frmWizardSec .chckSelctdLst .slctedChkBxBdy div small,
		#frmWizardSec .chckBoxList .selChkBxCrdBdy div small {
			font-size: 10px;
		}

#frmWizardSec .chckSelctdLst .slctdChkBxCrd a {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 126px;
	height: 39px;
	background: #0D19A3;
	color: #fff;
	border-radius: 40px;
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: -28px;
	transition: all 0.6s;
}

	#frmWizardSec .chckSelctdLst .slctdChkBxCrd a:hover {
		opacity: 1;
	}

#frmWizardSec .chckBoxList .selectChkBx1 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 126px;
	height: 39px;
	background: #F9F9F9;
	border-radius: 40px;
	font-family: 'IRANSansBold';
	font-size: 14px;
	line-height: 16px;
	color: #A1A1A1;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: -28px;
	transition: all 0.6s;
}

#frmWizardSec .chckSelctdLst .slctdChkBxCrd a i {
	margin-right: 5px;
	font-style: normal;
}

#frmWizardSec .chckBoxList .selectChkBx1 a i {
	margin-right: 10px;
	font-style: normal;
}

#frmWizardSec .AvailblTrmsBx .chckBoxList .selectChkBx1 input:checked ~ label .selChkBxCrd {
	border-color: #0D19A3;
}

#frmWizardSec .AvailblTrmsBx .chckBoxList .selectChkBx1 input:checked ~ label a {
	background: #0D19A3;
	color: #fff;
}

#frmWizardSec .CmpltPrchsTitl {
	font-family: 'IRANSansBold';
	font-size: 24px;
	line-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #080F5B;
	margin-top: 65px;
	margin-bottom: 25px;
}

#frmWizardSec .prodStepSuccs {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 25px;
}

	#frmWizardSec .prodStepSuccs .crtStpSucsImg {
		width: 140px;
		height: 140px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

		#frmWizardSec .prodStepSuccs .crtStpSucsImg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#frmWizardSec .prodStepSuccs p {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #FF1D61;
		margin-bottom: 20px;
	}

	#frmWizardSec .prodStepSuccs h3 {
		font-family: 'IRANSansBold';
		font-size: 36px;
		line-height: 42px;
		text-align: center;
		color: #86C232;
		margin-bottom: 20px;
		display: block;
	}

	#frmWizardSec .prodStepSuccs span {
		font-size: 18px;
		line-height: 141.5%;
		text-align: center;
		color: #080F5B;
		display: block;
	}

#frmWizardSec .cmpltTrnsDtail {
	width: 40%;
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 25px 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

	#frmWizardSec .cmpltTrnsDtail li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 15px;
		padding-bottom: 15px;
	}

		#frmWizardSec .cmpltTrnsDtail li div {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			color: #080F5B;
		}

		#frmWizardSec .cmpltTrnsDtail li span {
			font-family: IRANSansMedium;
			font-size: 18px;
			line-height: 21px;
			color: #0D19A3;
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

		#frmWizardSec .cmpltTrnsDtail li:last-child span {
			font-size: 14px;
		}

		#frmWizardSec .cmpltTrnsDtail li span small {
			display: block;
			width: 15px;
			font-size: 8px;
		}

		#frmWizardSec .cmpltTrnsDtail li span.TDiscntTxt {
			color: #E3690C;
		}

		#frmWizardSec .cmpltTrnsDtail li span.TPriceTxt {
			color: #86C232;
		}

.formWizardBx .form-container .addCmntForm {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}

.formWizardBx .addCmntForm .CmmntAreaBox::-webkit-input-placeholder {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

.formWizardBx .addCmntForm .CmmntAreaBox::-moz-placeholder {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

.formWizardBx .addCmntForm .CmmntAreaBox:-ms-input-placeholder {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

.formWizardBx .addCmntForm .CmmntAreaBox:-moz-placeholder {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
}

.formWizardBx .form-container .form-group.havAppendBx {
	display: flex;
}

.formWizardBx .form-container .havAppendBx .input-group-append {
	border-radius: 10px 0 0 10px;
	background-color: #fff;
	border-right: 0;
}

.formWizardBx .form-container .havAppendBx .input-group-text {
	border-radius: 10px 0 0 10px;
	color: #080F5B;
	background-color: transparent;
	border-right: 0;
}

.formWizardBx .form-container .havAppendBx .CmmntInptBox {
	border-radius: 0 10px 10px 0;
	border-left: 0;
}

/*********************paySuccsSec*********************/
#paySuccsSec #frmWizardSec .AvailblTrmsBx .chckBoxList {
	justify-content: center;
}

#paySuccsSec .paySuccsDiv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
	margin-bottom: 70px;
	margin-top: 50px;
}

	#paySuccsSec .paySuccsDiv div {
		width: 140px;
		height: 140px;
		border-radius: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	#paySuccsSec .paySuccsDiv img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 50%;
	}

	#paySuccsSec .paySuccsDiv h1 {
		font-weight: bold;
		font-size: 36px;
		line-height: 42px;
		color: #86C232;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#paySuccsSec .paySuccsDiv span {
		font-size: 18px;
		line-height: 141.5%;
		text-align: center;
		color: #080F5B;
	}

#paySuccsSec .TotalDscontBx {
	width: 40%;
	background: #FFFFFF;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}

	#paySuccsSec .TotalDscontBx ul {
		padding-right: 0;
	}

	#paySuccsSec .TotalDscontBx li {
		padding-top: 12px;
		padding-bottom: 12px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		#paySuccsSec .TotalDscontBx li p {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 21px;
			color: #080F5B;
		}

		#paySuccsSec .TotalDscontBx li div {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			font-family: 'IRANSansMedium';
			font-size: 18px;
			line-height: 21px;
		}

		#paySuccsSec .TotalDscontBx li:nth-child(1) div {
			color: #E3690C;
		}

		#paySuccsSec .TotalDscontBx li:nth-child(2) div {
			color: #86C232;
		}

		#paySuccsSec .TotalDscontBx li:nth-child(3) div {
			color: #0D19A3;
		}

		#paySuccsSec .TotalDscontBx li:nth-child(4) span {
			font-size: 14px;
			font-family: 'IRANSansMedium';
			line-height: 16px;
			color: #0D19A3;
			margin-right: 10px;
		}

/********************seeTtlModal*********************/
#seeTtlModal .modal-header {
	border-bottom: 0;
	margin-bottom: 15px;
}

	#seeTtlModal .modal-header .close {
		margin-left: 0;
	}

	#seeTtlModal .modal-header .modal-title {
		font-family: 'IRANSansBold';
		font-size: 30px;
		line-height: 42px;
		color: #080F5B;
	}

#seeTtlModal .modal-content {
	padding: 10px 5px;
	border: none;
}

#seeTtlModal .modal-header .close span {
	color: #A1A1A1;
	font-size: 30px;
}

#seeTtlModal .modal-body ul {
	padding-right: 0;
}

#seeTtlModal .modal-body li {
	margin-bottom: 18px;
	text-align: right;
}

#seeTtlModal .modal-body p {
	font-family: 'IRANSansBold';
	font-size: 20px;
	line-height: 28px;
	color: #0D19A3;
}

#seeTtlModal .modal-body div {
	font-size: 15px;
	line-height: 141.5%;
	color: #080F5B;
}

/*************************loginPage********************************/
/*********************loginPagSec**********************/
#loginPagSec {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 100vh;
	height: max-content;
	position: relative;
}

	#loginPagSec .loginImgBox {
		width: 38%;
		height: 100vh;
		position: sticky;
		top: 0;
		left: 0;
	}

		#loginPagSec .loginImgBox img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#loginPagSec .loginFormBx {
		width: 62%;
		padding-bottom: 50px;
		padding-right: 70px;
		padding-top: 35px;
	}

		#loginPagSec .loginFormBx .lognFrmTopRow {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 15px;
		}

	#loginPagSec .lognFrmTopRow .logLogoBtn {
		width: 123px;
		height: 42px;
	}

		#loginPagSec .lognFrmTopRow .logLogoBtn img {
			width: 100%;
			height: 100%;
		}

	#loginPagSec .lognFrmTopRow .logBackBtn {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #A1A1A1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 142.44px;
		height: 46.53px;
		border: 1px solid rgba(13, 25, 163, 0.15);
		box-sizing: border-box;
		border-radius: 5px;
		transition: all 0.6s;
	}

		#loginPagSec .lognFrmTopRow .logBackBtn:hover {
			background: #0D19A3;
			color: #fff;
		}

	#loginPagSec .loginFormBx .lognFrmTitle {
		font-family: 'IRANSansBlack';
		font-size: 40px;
		line-height: 50px;
		color: #080F5B;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: right;
	}

		#loginPagSec .loginFormBx .lognFrmTitle.mtChng {
			margin-top: 130px;
		}

		#loginPagSec .loginFormBx .lognFrmTitle span {
			color: #0D19A3;
		}

	#loginPagSec .loginFormBx .codNumbrText {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		margin-top: 40px;
		margin-bottom: 30px;
		text-align: right;
	}

		#loginPagSec .loginFormBx .codNumbrText span {
			font-family: 'IRANSansBold';
			font-size: 18px;
			line-height: 24px;
			color: #E3690C;
			direction: ltr;
			display: block;
			margin-top: 7px;
			margin-bottom: 4px;
		}

	#loginPagSec .CmmntInptBox {
		width: 100%;
	}

	#loginPagSec .loginFormBx .sendBakBtns {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		#loginPagSec .loginFormBx .sendBakBtns.col-lg-6 {
			padding-left: 0;
			padding-right: 0;
		}

		#loginPagSec .loginFormBx .sendBakBtns a,
		#loginPagSec .loginFormBx .sendBakBtns button {
			width: 50%;
			height: 49px;
			border-radius: 5px;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.6s;
		}

		#loginPagSec .loginFormBx .sendBakBtns a {
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			color: #A1A1A1;
			margin-left: 4px;
		}

		#loginPagSec .loginFormBx .sendBakBtns button {
			background: #0D19A3;
			color: #FFFFFF;
			border: none;
			margin-right: 4px;
		}

		#loginPagSec .loginFormBx .sendBakBtns a:hover {
			color: #fff;
			background: #A1A1A1;
			border-color: #A1A1A1;
			opacity: 1;
		}

		#loginPagSec .loginFormBx .sendBakBtns button:hover {
			color: #fff;
			background: #080F5B;
		}



		#loginPagSec .loginFormBx .sendBakBtns div {
			width: 50%;
			margin-right: 4px;
		}

			#loginPagSec .loginFormBx .sendBakBtns div a {
				width: 100%;
				border: none;
				margin-right: 0;
				align-items: center;
				justify-content: center;
			}

				#loginPagSec .loginFormBx .sendBakBtns div a:hover p {
					color: #fff;
				}

			#loginPagSec .loginFormBx .sendBakBtns div .rsndSubmitBtn {
				background: #0D19A3;
				color: #FFFFFF;
			}

			#loginPagSec .loginFormBx .sendBakBtns div .rsndBtnLnk1,
			#loginPagSec .loginFormBx .sendBakBtns div .rsndBtnLnk2 {
				display: none;
			}

			#loginPagSec .loginFormBx .sendBakBtns div .rsndBtnLnk1 {
				background: rgba(178, 182, 231, 0.15);
			}

			#loginPagSec .loginFormBx .sendBakBtns div .rsndBtnLnk2 {
				background: #080F5B;
				color: #fff;
			}



			#loginPagSec .loginFormBx .sendBakBtns div p {
				color: #A1A1A1;
			}

				#loginPagSec .loginFormBx .sendBakBtns div p span {
					display: block;
					text-align: center;
					font-family: 'IRANSansMedium';
					font-size: 14px;
					line-height: 16px;
				}

				#loginPagSec .loginFormBx .sendBakBtns div p small {
					display: block;
					text-align: center;
					font-size: 10px;
					line-height: 12px;
					margin-top: 3px;
				}

			#loginPagSec .loginFormBx .sendBakBtns div a:hover {
				background: #0D19A3;
				color: #FFFFFF;
			}

	#loginPagSec .loginFormBx .AnothrMtdLink {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		text-align: right;
		margin-top: 80px;
		display: block;
	}

	#loginPagSec .loginFormBx .SignWithGoogl {
		margin-top: 20px;
	}

	#loginPagSec .SignWithGoogl .SinWithGoglBtn {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 189px;
		height: 49px;
		border: 1px solid rgba(13, 25, 163, 0.15);
		box-sizing: border-box;
		border-radius: 5px;
		transition: all 0.6s;
		color: #080F5B;
	}

		#loginPagSec .SignWithGoogl .SinWithGoglBtn img {
			width: 22px;
			height: 22px;
		}

		#loginPagSec .SignWithGoogl .SinWithGoglBtn small {
			font-size: 14px;
			line-height: 16px;
		}

		#loginPagSec .SignWithGoogl .SinWithGoglBtn:hover {
			opacity: 1;
			background: #0D19A3;
			color: #fff;
		}

	#loginPagSec .loginFormBx .SignWithGoogl p {
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-top: 15px;
	}

		#loginPagSec .loginFormBx .SignWithGoogl p span {
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			margin-right: 5px;
			margin-top: 4px;
		}

		#loginPagSec .loginFormBx .SignWithGoogl p a {
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
			margin-top: 4px;
		}

	#loginPagSec .loginFormBx .field-icon {
		float: left;
		font-size: 20px;
		margin-left: 10px;
		margin-top: -32px;
		z-index: 1;
		cursor: pointer;
		width: 22px;
		height: 22px;
		color: #939393;
	}

	#loginPagSec .loginFormBx .OptionalIcon {
		width: 62px;
		font-size: 14px;
		line-height: 16px;
		text-align: right;
		color: #A1A1A1;
		margin-left: 10px;
		margin-top: -32px;
		z-index: 2;
		cursor: pointer;
		float: left;
		display: block;
	}

	#loginPagSec .havAppendBx {
		width: 100%;
		height: 49px;
		border: 1px solid rgba(13, 25, 163, 0.15);
		box-sizing: border-box;
		border-radius: 5px;
		padding: 0;
	}

	#loginPagSec .input-group-append {
		height: 100%;
	}

	#loginPagSec .input-group-text {
		background-color: transparent;
		border: none;
		border-radius: 5px 0 0 5px;
		height: 100%;
	}

	#loginPagSec .CmmntInptBox {
		width: calc(100% - 47px);
		height: 100%;
		text-align: right;
	}

		#loginPagSec .CmmntInptBox span {
			transition: all 0.6s;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			margin-left: 10px;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

			#loginPagSec .CmmntInptBox span.clickInpt {
				height: max-content;
				font-size: 12px;
				line-height: 14px;
			}

		#loginPagSec .CmmntInptBox input {
			border: none;
			background-color: transparent;
			width: calc(100% - 25px);
			padding-left: 5px;
			padding-right: 5px;
			transition: all 0.6s;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			display: inline-block;
			height: auto;
			padding-top: 0;
			cursor: pointer;
			margin-right: 0;
		}

	#loginPagSec .cstmChkRmmbr {
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

		#loginPagSec .cstmChkRmmbr a {
			font-size: 14px;
			line-height: 16px;
			text-decoration: underline;
			color: #080F5B;
			text-align: right;
		}

		#loginPagSec .cstmChkRmmbr .custom-control-label {
			line-height: 25px;
			cursor: pointer;
			padding-right: 1.5rem;
			;
		}

			#loginPagSec .cstmChkRmmbr .custom-control-label:before,
			#loginPagSec .cstmChkRmmbr .custom-control-label:after {
				left: auto;
				right: 0;
			}

	#loginPagSec .AccptTrmBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 49px;
		background: #F9F9F9;
		border-radius: 5px;
		margin-bottom: 30px;
		margin-right: 0;
	}

		#loginPagSec .AccptTrmBox input {
			cursor: pointer;
		}

		#loginPagSec .AccptTrmBox label {
			font-size: 14px;
			line-height: 25px;
			color: #080F5B;
			cursor: pointer;
		}

		#loginPagSec .AccptTrmBox .custom-control-label {
			line-height: 25px;
			cursor: pointer;
			padding-right: 1.5rem;
			;
		}

			#loginPagSec .AccptTrmBox .custom-control-label:before,
			#loginPagSec .AccptTrmBox .custom-control-label:after {
				left: auto;
				right: 0;
			}

		#loginPagSec .AccptTrmBox a {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			font-family: 'IRANSansMedium';
			font-size: 14px;
			line-height: 16px;
			color: #0D19A3;
		}

			#loginPagSec .AccptTrmBox a small {
				margin-left: 5px;
			}

			#loginPagSec .AccptTrmBox a span {
				font-size: 18px;
			}

	#loginPagSec .restPassTxt {
		margin-bottom: 30px;
		font-size: 18px;
		line-height: 141.5%;
		color: #080F5B;
		text-align: right;
		width: 75%;
	}

	#loginPagSec .lognFrmBtn {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		width: 174px;
		height: 49px;
		background: #0D19A3;
		border-radius: 5px;
		border: none;
		transition: all 0.6s;
		margin-top: 20px;
	}

		#loginPagSec .lognFrmBtn:hover {
			background: #080F5B;
		}

	#loginPagSec .CntnuFrmBtn {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		width: 174px;
		height: 49px;
		background: #61892F;
		border-radius: 5px;
		border: none;
		transition: all 0.6s;
	}

		#loginPagSec .CntnuFrmBtn:hover {
			background: #86C232;
		}

	#loginPagSec #number_code {
		direction: ltr;
		display: flex;
		padding: 0;
		align-items: center;
		justify-content: space-between;
	}

		#loginPagSec #number_code input {
			max-width: 25%;
			min-width: 46px;
			margin-right: 8px;
			text-align: center;
			font-family: 'IRANSansMedium';
			font-size: 20px;
			line-height: 16px;
			color: #080F5B;
			height: 49px;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 5px;
			padding: 0;
		}

			#loginPagSec #number_code input:last-child {
				margin-right: 0;
			}

			#loginPagSec #number_code input:focus {
				border: 1px solid #ced4da !important;
			}

/**********************formWizardBx***********************/
.formWizardBx {
	position: relative;
	display: table;
	margin: 0 auto;
	width: 100%;
}

.cartStpsFrmBx {
	display: block;
	margin: 0 auto;
	width: 100%;
}

	.cartStpsFrmBx .FrmStepsBox {
		box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid #0D19A326;
	}

	.cartStpsFrmBx .FrmCntanrWiz {
		width: 100%;
	}

	.cartStpsFrmBx .FrmSteps {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 15px;
		padding-bottom: 15px;
	}

.formWizardBx .FrmSteps {
	margin: 40px auto;
	width: 100%;
}

	.cartStpsFrmBx .FrmSteps ul,
	.formWizardBx .FrmSteps ul {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding-right: 0;
	}

.cartStpsFrmBx .FrmSteps ul {
	width: calc(100% - 260px);
	padding-left: 15px;
	padding-right: 15px;
}

	.cartStpsFrmBx .FrmSteps ul li,
	.formWizardBx .FrmSteps ul li {
		color: #fff;
		position: relative;
		-webkit-transition: all 0.4s ease-in-out 0;
		-moz-transition: all 0.4s ease-in-out 0;
		-ms-transition: all 0.4s ease-in-out 0;
		-otransition: all 0.4s ease-in-out 0;
		transition: all 0.4s ease-in-out 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.cartStpsFrmBx .FrmSteps ul li {
		opacity: 1;
	}

.formWizardBx .FrmSteps ul li {
	opacity: 0.3;
}

.cartStpsFrmBx .FrmSteps ul li::before,
.cartStpsFrmBx .FrmSteps ul li::after {
	content: "";
	position: absolute;
	right: -150%;
	top: 50%;
	width: 170%;
	height: 12px;
	background: #F9F9FF;
	-webkit-transition: all 0.4s ease-in-out 0;
	-moz-transition: all 0.4s ease-in-out 0;
	-ms-transition: all 0.4s ease-in-out 0;
	-otransition: all 0.4s ease-in-out 0;
	transition: all 0.4s ease-in-out 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-otransform: translateY(-50%);
	transform: translateY(-50%);
}

.formWizardBx .FrmSteps ul li::before,
.formWizardBx .FrmSteps ul li::after {
	content: "";
	position: absolute;
	right: -230%;
	top: 40%;
	width: 245%;
	height: 12px;
	background: #F9F9FF;
	-webkit-transition: all 0.4s ease-in-out 0;
	-moz-transition: all 0.4s ease-in-out 0;
	-ms-transition: all 0.4s ease-in-out 0;
	-otransition: all 0.4s ease-in-out 0;
	transition: all 0.4s ease-in-out 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-otransform: translateY(-50%);
	transform: translateY(-50%);
}

.cartStpsFrmBx .FrmSteps ul li:after,
.formWizardBx .FrmSteps ul li::after {
	width: 0;
}

.cartStpsFrmBx .FrmSteps ul li span,
.formWizardBx .FrmSteps ul li span {
	display: none;
}

.cartStpsFrmBx .FrmSteps ul li div {
	width: 157px;
	height: 41px;
	background: #F3F3F3;
	border-radius: 22px;
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #A1A1A1;
	z-index: 1;
}

.formWizardBx .FrmSteps ul li div {
	width: 85px;
	height: 85px;
	background: #F9F9FF;
	border: 5px solid #F9F9FF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	z-index: 1;
}

	.formWizardBx .FrmSteps ul li div img {
		width: 41px;
		height: 41px;
	}

.formWizardBx .FrmSteps ul li small {
	font-family: IRANSansMedium;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #080F5B;
	margin-top: 10px;
}

.cartStpsFrmBx .FrmSteps ul li.active div {
	background: #0D19A3;
	color: #fff;
}

.formWizardBx .FrmSteps ul li.active div {
	border: 5px solid #0D19A3;
}

.cartStpsFrmBx .FrmSteps ul li.active::after {
	width: 170%;
	background: #0D19A3;
}

.formWizardBx .FrmSteps ul li.active::after {
	background: #0D19A3;
	width: 245%;
}

.cartStpsFrmBx .FrmSteps ul li.active,
.formWizardBx .FrmSteps ul li.active {
	opacity: 1;
}

.cartStpsFrmBx .FrmSteps ul li:first-child::before,
.cartStpsFrmBx .FrmSteps ul li:first-child::after,
.formWizardBx .FrmSteps ul li:first-child::before,
.formWizardBx .FrmSteps ul li:first-child::after {
	display: none;
}

.cartStpsFrmBx .form-container,
.formWizardBx .form-container {
	display: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: px
}

	.cartStpsFrmBx .form-container.active,
	.formWizardBx .form-container.active {
		display: block;
	}

.formWizardBx .FrmCntnrtitle {
	font-family: 'IRANSansBold';
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	color: #080F5B;
	margin-top: 80px;
}

.formWizardBx .form-container form {
	margin-top: 40px;
	margin-bottom: 50px;
}

.cartStpsFrmBx .form-container .frmStpBtns,
.formWizardBx .form-container .frmStpBtns {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	flex-direction: column-reverse;
}

.cartStpsFrmBx .form-container .frmStpNext,
.formWizardBx .form-container .frmStpNext {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	box-sizing: border-box;
	transition: all 0.6s;
	margin: 5px;
	font-size: 24px;
	line-height: 28px;
	font-family: 'IRANSansMedium';
	color: #fff;
	height: 74px;
	min-height: 74px;
	background: #0D19A3;
	border-radius: 10px;
	border: 1px solid #0D19A3;
}

.cartStpsFrmBx .form-container .frmStpNext {
	width: 60%;
	flex: 60%;
}

.formWizardBx .form-container .frmStpNext {
	width: 50%;
	flex: 50%;
}

.cartStpsFrmBx .form-container .frmStpPrev,
.formWizardBx .form-container .frmStpPrev {
	margin: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: 'IRANSansMedium';
	height: 74px;
	min-height: 74px;
	background-color: #fff;
	font-size: 18px;
	line-height: 21px;
	color: #A1A1A1;
	transition: all 0.6s;
	border: 1px solid #A1A1A1;
	box-sizing: border-box;
	border-radius: 10px;
}

.cartStpsFrmBx .form-container .frmStpPrev {
	width: 40%;
	flex: 40%;
}

.formWizardBx .form-container .frmStpPrev {
	width: 50%;
	flex: 50%;
}

.cartStpsFrmBx .form-container .frmStpNext:hover,
.formWizardBx .form-container .frmStpNext:hover {
	background: #080F5B;
	color: #fff;
}

.cartStpsFrmBx .form-container .frmStpPrev:hover,
.formWizardBx .form-container .frmStpPrev:hover {
	background: #A1A1A1;
	opacity: 1;
	color: #fff;
}

.formWizardBx .form-container .frmStpBtns .frmStpPrev.backToGrp {
	width: 250px;
	height: 73px;
	margin-right: 0;
	margin-left: auto;
	margin-top: 25px;
}

.formWizardBx .form-container .frmStpBtns .chnSizBtn {
	width: 428px;
	height: 74px;
}

#frmWizardSec .AcceptPrchsBx .frmStpBtns input.chnSizBtn2 {
	width: 40%;
	flex: 40%;
}

#frmWizardSec .AcceptPrchsBx .frmStpBtns input.chnSizBtn3 {
	width: 60%;
	flex: 60%;
}

/*********************drpSelFltr*********************/
.drpSelFltr {
	width: 100%;
	display: block;
	transition: all .5s ease;
	position: relative;
	height: 44px;
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	color: #080F5B;
	background-color: #fff;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

	.drpSelFltr .select {
		cursor: pointer;
		display: flex;
		height: 100%;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

		.drpSelFltr .select .material-icons {
			color: #080F5B;
		}

	.drpSelFltr .dropSelDiv {
		display: flex;
		align-items: center;
	}

		.drpSelFltr .dropSelDiv p {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
		}

	.drpSelFltr .select > .expndMrIcon {
		font-size: 18px;
		color: #000;
		cursor: pointer;
		transition: all .5s ease-in-out;
		margin-left: 5px;
		font-style: normal;
	}

	.drpSelFltr.active .select > .expndMrIcon {
		transform: rotate(180deg)
	}

	.drpSelFltr .dropdownMenu {
		position: absolute;
		width: 100%;
		right: 0;
		top: 36px;
		display: none;
		height: max-content;
		text-align: left;
		z-index: 9;
		background-color: #fff;
		padding: 7px;
		padding-bottom: 0;
		border: 1px solid #cbcacabd;
		border-radius: 8px;
		box-shadow: 0px 8px 12px 1px #d1d1d1;
	}

		.drpSelFltr .dropdownMenu li {
			border-bottom: 1px solid #cbcacabd;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 5px 1px;
			cursor: pointer;
		}

			.drpSelFltr .dropdownMenu li:last-child {
				border-bottom: none;
				margin-bottom: 2px;
			}

			.drpSelFltr .dropdownMenu li img,
			.drpSelFltr .dropSelDiv p img {
				width: 24px;
				height: 24px;
				margin-right: 10px;
				object-fit: cover;
			}

.grmrCtgryMnu {
	background: #FFFFFF;
	width: 100%;
	padding: 25px 20px;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}

	.grmrCtgryMnu .custom-select {
		background: #fff url('../img/icons/Vector.png') no-repeat left 0.75rem center/12px 8px;
		margin-bottom: 30px;
		height: 49px;
		border: 1px solid rgba(13, 25, 163, 0.15);
		color: #080F5B;
		font-size: 14px;
		padding: 8px;
	}

		.grmrCtgryMnu .custom-select:focus {
			border: 1px solid rgba(13, 25, 163, 0.15);
		}

	.grmrCtgryMnu .FltrDrpBxLbl {
		font-family: 'IRANSansBold';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		margin-bottom: 10px;
		text-align: right;
		padding-left: 1px;
	}

	.grmrCtgryMnu .FiltrDropBx {
		width: 100%;
		border-radius: 8px;
		margin-bottom: 20px;
	}

		.grmrCtgryMnu .FiltrDropBx .FiltrDropHdr {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 49px;
			border: 1px solid rgba(13, 25, 163, 0.15);
			box-sizing: border-box;
			border-radius: 5px;
			color: #080F5B;
			transition: all 0.6s;
			padding: 5px 10px;
			cursor: pointer;
		}

		.grmrCtgryMnu .FiltrDropBx .FiltrDrpHdrTtl {
			font-size: 14px;
			line-height: 16px;
		}

	.grmrCtgryMnu .FltrDrpHdrbtn {
		display: block;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		transition: all 0.6s;
	}

		.grmrCtgryMnu .FltrDrpHdrbtn.js-open {
			transform: rotate(180deg);
		}

	.grmrCtgryMnu .FiltrDrpbody {
		overflow: hidden;
		width: 100%;
		max-height: 0;
		background: transparent;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
		padding: 0 15px 0 0;
	}

		.grmrCtgryMnu .FiltrDrpbody.js-open {
			max-height: 20em;
			transition: all 0.6s;
		}

	.grmrCtgryMnu .FiltrDrpItem {
		position: relative;
		width: 100%;
		height: 38px;
		text-align: left;
	}

		.grmrCtgryMnu .FiltrDrpItem label {
			position: absolute;
			left: 0;
			top: 0;
			padding-left: 10px;
			width: 100%;
			height: 100%;
			cursor: pointer;
			width: 100%;
			font-size: 14px;
			line-height: 16px;
			color: #080F5B;
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		.grmrCtgryMnu .FiltrDrpItem input {
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			opacity: 0;
		}

		.grmrCtgryMnu .FiltrDrpItem label span {
			width: 9px;
			height: 9px;
			background: #0D19A3;
			border-radius: 50%;
			display: none;
			margin-right: 5px;
		}

		.grmrCtgryMnu .FiltrDrpItem input:checked ~ label {
			background: #EFF4FF;
		}

			.grmrCtgryMnu .FiltrDrpItem input:checked ~ label span {
				display: block;
			}

			.grmrCtgryMnu .FiltrDrpItem input:checked ~ label p {
				margin-right: 10px;
			}

	.grmrCtgryMnu .FiltrDropBx .FiltrDrpbody .FiltrDropHdr1 {
		border: none;
		box-sizing: border-box;
		border-radius: 5px;
		color: #080F5B;
		transition: all 0.6s;
		padding: 18px 0 8px 5px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.grmrCtgryMnu .FiltrDrpbody .FiltrDrpbody1 {
		padding: 0 15px 0 5px;
		overflow: hidden;
		width: 100%;
		max-height: 0;
		background: transparent;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}

	.grmrCtgryMnu .FiltrDropBx .FiltrDrpHdrTtl1 {
		font-size: 14px;
		line-height: 16px;
	}

	.grmrCtgryMnu .FltrDrpHdrbtn1 {
		display: block;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		transition: all 0.6s;
	}

		.grmrCtgryMnu .FltrDrpHdrbtn1.js-open {
			transform: rotate(180deg);
		}

	.grmrCtgryMnu .FiltrDrpbody1.js-open {
		max-height: 20em;
		transition: all 0.6s;
	}

/************************addCmntForm*******************/

.addCmntForm .CmmntInptBox {
	background: #FFFFFF;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	width: 100%;
	height: 54px;
	position: relative;
}


	.addCmntForm .CmmntInptBox span {
		transition: all 0.6s;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		/*color: #080F5B;*/
		margin-right: 10px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		.addCmntForm .CmmntInptBox span.clickInpt {
			height: max-content;
			font-size: 12px;
			line-height: 14px;
			font-family: 'IRANSansRegular';
		}

	.addCmntForm .CmmntInptBox input {
		border: none;
		background-color: transparent;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		transition: all 0.6s;
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		display: inline-block !important;
	}

.addCmntForm textarea {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
	background: #FFFFFF;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
}

.validation-message {
	color: #ff0018;
	font-size: 12px;
	position: absolute;
	bottom: 0px;
	left: 10px;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.addCmntForm textarea::-webkit-input-placeholder {
	color: #A1A1A1;
}

.addCmntForm textarea::-moz-placeholder {
	color: #A1A1A1;
}

.addCmntForm textarea:-ms-input-placeholder {
	color: #A1A1A1;
}

.addCmntForm textarea:-moz-placeholder {
	color: #A1A1A1;
}

.addCmntForm textarea:focus {
	border: 1px solid rgba(13, 25, 163, 0.15) !important;
}

.captchaBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 79px;
	width: 100%;
	max-width: 295px;
	background: #f9f9f9;
	border: 1px solid rgba(13, 25, 163, 0.15);
	box-sizing: border-box;
	border-radius: 10px;
	padding: 5px;
	direction: ltr;
}

	.captchaBox input,
	.captchaBox label {
		cursor: pointer;
	}

	.captchaBox .captchaImg {
		width: 57px;
	}

		.captchaBox .captchaImg p {
			color: #a5a5a5;
			font-size: 9px;
			line-height: 9px;
			text-align: center;
		}

		.captchaBox .captchaImg img {
			width: 40px;
			height: 40px;
			display: block;
			margin-left: auto;
			margin-right: auto;
			cursor: pointer;
		}

		.captchaBox .captchaImg div {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 5px;
		}

			.captchaBox .captchaImg div a {
				color: #a5a5a5;
				font-size: 8px;
				line-height: 8px;
			}

			.captchaBox .captchaImg div span {
				display: block;
				margin-left: 2px;
				margin-right: 2px;
				color: #a5a5a5;
				line-height: 8px;
			}

		.captchaBox .captchaImg span {
			display: block;
		}

/***************rate***************/
.rate {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.stars {
	direction: ltr;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	.stars span {
		color: #A1A1A1 !important;
	}

	.stars.one span:first-child {
		color: #E3690C !important;
	}

	.stars.tow span:nth-child(1),
	.stars.tow span:nth-child(2) {
		color: #E3690C !important;
	}

	.stars.three span:nth-child(1),
	.stars.three span:nth-child(2),
	.stars.three span:nth-child(3) {
		color: #E3690C !important;
	}

	.stars.four span:nth-child(1),
	.stars.four span:nth-child(2),
	.stars.four span:nth-child(3),
	.stars.four span:nth-child(4) {
		color: #E3690C !important;
	}

	.stars.five span:nth-child(1),
	.stars.five span:nth-child(2),
	.stars.five span:nth-child(3),
	.stars.five span:nth-child(4),
	.stars.five span:nth-child(5) {
		color: #E3690C !important;
	}

/******************tabBox*********************/
.tabBox {
	width: 100%;
}

.periodPage .tabBox {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.tabBox .tabBXHeader {
	overflow-x: auto;
	scrollbar-width: thin;
	width: 100%;
}

.periodPage .tabBox .tabBXHeader {
	width: 30%;
	overflow: visible;
}

.indexPage .tabBox .tabBXHeader {
	height: 78px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	background-color: #fff;
}

.GrammerListPage .tabBox .tabBXHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 78px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: 1px solid rgba(13, 25, 163, 0.15);
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.tabBXHderBx {
	overflow-x: auto;
	scrollbar-width: thin;
	width: calc(100% - 100px);
	padding-left: 10px;
	height: 100%;
}

.GrammerPage .tabBox .tabBXHeader {
	border-bottom: 1px solid #E5E5E5;
}

.tabBox .tabBXHeader ul {
	width: max-content;
	min-width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 0;
	position: relative;
}

.tabBox .tabBXHeader .ovrflw {
	position: sticky;
	left: 0;
	top: 20px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: -2px 0px 6px 0px rgb(165 164 164);
	font-size: 18px;
	background-color: #fff;
	color: #080F5B;
	display: none;
	align-items: center;
	justify-content: center;
}

.GrammerPage .tabBox .tabBXHeader .ovrflw {
	top: 5px;
}

#srchResultSec .tabBox .tabBXHeader .ovrflw {
	top: 13px;
}

.periodPage .tabBox ul {
	display: block;
	width: 100%;
	border: 1px solid rgba(13, 25, 163, 0.15);
	border-radius: 10px;
	padding-right: 0;
}

.GrammerListPage .tabBox .tabBXHeader ul {
	justify-content: flex-start;
}

.GrammerPage .tabBox .tabBXHeader ul {
	padding-left: 15px;
	padding-right: 15px;
	justify-content: flex-start;
}

.tabBox .tabBXHeader::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background-color: #fff;
}

.tabBox .tabBXHeader::-webkit-scrollbar-thumb {
	border-radius: 35px;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
}

.tabBox .tabBXHeader li {
	height: 100%;
	display: block;
	margin: 0;
}

.periodPage .tabBox li {
	height: 80px;
	border-bottom: 1px solid rgba(13, 25, 163, 0.15);
}

	.periodPage .tabBox li:last-child {
		border-bottom: 0;
	}

.indexPage .tabBox .tabBXHeader li {
	min-width: 187px;
}

.GrammerPage .tabBox .tabBXHeader li {
	margin-right: 45px;
}

.GrammerListPage .tabBox .tabBXHeader li {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.GrammerListPage .tabBox .tabBXHeader li:last-child {
		padding-right: 8px;
	}

.tabBox .tablinks {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	box-sizing: border-box;
	text-transform: uppercase;
	transition: all 0.6s;
}

.periodPage .tabBox .tablinks {
	position: relative;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	color: #080F5B;
	text-align: left;
	padding-right: 40px;
	justify-content: flex-start;
	font-family: 'IRANSansBold';
}

	.periodPage .tabBox .tablinks:after {
		position: absolute;
		top: 50%;
		left: -20px;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 20px 15px 0px;
		border-color: transparent #0d19a3 transparent transparent;
		display: none;
		content: '';
	}

.indexPage .tabBox .tablinks {
	font-size: 18px;
	line-height: 21px;
	color: #080F5B;
	padding: 10px 15px;
	text-align: center;
}

	.indexPage .tabBox .tablinks:hover {
		color: #0D19A3;
	}

.GrammerListPage .tabBox .tablinks {
	font-size: 14px;
	line-height: 16px;
	color: #080F5B;
	padding: 10px 15px;
	width: max-content;
	text-align: center;
	font-family: 'IRANSansMedium';
}

	.GrammerListPage .tabBox .tablinks:hover {
		color: #0D19A3;
	}

.GrammerPage .tabBox .tablinks {
	font-family: 'IRANSansMedium';
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #A1A1A1;
	padding-bottom: 5px;
	display: block;
	width: max-content;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 5px solid #fff;
}

.tabBox .tablinks:focus {
	outline: none;
}

.periodPage .tabBox .tablinks.active {
	background: #0D19A3;
	color: #fff;
	border: 1px solid rgba(13, 25, 163, 0.15);
}

	.periodPage .tabBox .tablinks.active:after {
		display: block;
	}

.indexPage .tabBox .tablinks.active {
	background: #0D19A3;
	border-radius: 5px;
	color: #fff;
	font-family: 'IRANSansBold';
	box-shadow: none;
}

.GrammerListPage .tabBox .tablinks.active {
	background: #0D19A3;
	color: #fff;
	border-radius: 10px;
	font-family: 'IRANSansBold';
}

.GrammerPage .tabBox .tablinks.active {
	font-family: 'IRANSansBold';
	color: #0D19A3;
	border-bottom: 5px solid #0D19A3;
}

.tabBox .tabcontent {
	display: none;
}

.periodPage .tabBox .tabcontent {
	width: 70%;
	padding: 15px 30px 15px 15px;
}

.indexPage .tabBox .tabcontent {
	padding: 50px 20px 30px 20px;
}

.GrammerListPage .tabBox .tabcontent {
	padding-top: 40px;
	padding-bottom: 30px;
}

.GrammerPage .tabBox .tabcontent {
	padding-bottom: 50px;
}

.tabBox #tabOne {
	display: block;
}

/*******************tabSection********************/
.tabSection #ProductNav .nav {
	display: flex;
	height: 100%;
	border-bottom: none;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.grmrTabBox .tabSection #ProductNav .nav {
	justify-content: flex-end;
	flex-wrap: nowrap;
	width: max-content;
	text-align: right;
	min-width: 100%;
}

.GrammerListPage .tabSection #ProductNav .nav {
	justify-content: flex-end;
	flex-wrap: nowrap;
	width: max-content;
	text-align: right;
	min-width: 100%;
}

.tabSection .ProductNav_Wrapper {
	position: relative;
	box-sizing: border-box;
	direction: ltr;
}

.grmrTabBox .tabSection .ProductNav_Wrapper {
	padding: 1px 12px;
}

.tabSection .ProductNav {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	position: relative;
}

.GrammerListPage .tabSection .ProductNav_Wrapper {
	height: 78px;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
	border-radius: 5px;
	background-color: #fff;
}

.GrammerListPage #srchResultSec .ProductNav_Wrapper {
	width: calc(100% - 290px);
	height: 58px;
	border-radius: 10px;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
	border-radius: 5px;
	background-color: #fff;
}

.GrammerListPage .tabSection .ProductNav {
	height: 100%;
	/*	margin-left: 101px;*/
}

.grmrTabBox .tabSection .ProductNav {
	border-bottom: 1px solid #E5E5E5;
	height: 48px;
}

.indexPage .tabSection .ProductNav {
	height: 78px;
	box-shadow: 0px 2px 7px rgb(0 0 0 / 5%);
	border-radius: 5px;
	background-color: #fff;
}

.tabSection .js .ProductNav {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

	.tabSection .js .ProductNav::-webkit-scrollbar {
		display: none;
	}

.tabSection .ProductNav_Contents {
	float: left;
	transition: transform 0.2s ease-in-out;
	position: relative;
}

.tabSection .ProductNav_Contents-no-transition {
	transition: none;
}

.tabSection .ProductNav_Link {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	font-family: 'IRANSansBold';
	opacity: 1;
}

.GrammerListPage .tabSection .ProductNav_Link {
	font-size: 18px;
	line-height: 21px;
	color: #080F5B;
	padding: 8px 22px;
}

.indexPage .tabSection .ProductNav_Link {
	/*min-width: 263.51px;*/
	font-size: 18px;
	line-height: 21px;
	color: #080F5B;
	padding: 8px 22px;
}

.grmrTabBox .tabSection .ProductNav_Link {
	color: #A1A1A1;
	font-family: 'IRANSansMedium';
	font-size: 18px;
	min-width: max-content;
	line-height: 21px;
	padding: 8px 25px;
}

.GrammerListPage .tabSection .ProductNav_Link[aria-selected=true],
.indexPage .tabSection .ProductNav_Link[aria-selected=true] {
	background: #0D19A3;
	border-radius: 5px;
	color: #fff;
	font-family: 'IRANSansBold';
	box-shadow: none;
	opacity: 1;
}

.grmrTabBox .tabSection .ProductNav_Link[aria-selected=true] {
	/* color: #0D19A3; */
	font-family: 'IRANSansBold';
}

.tabSection .Advancer {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

	.tabSection .Advancer:focus {
		outline: 0;
	}

	.tabSection .Advancer:hover {
		cursor: pointer;
	}

.tabSection .Advancer_Left {
	left: 0;
}

.tabSection [data-overflowing=both] ~ .Advancer_Left, [data-overflowing=left] ~ .Advancer_Left {
	opacity: 1;
}

.tabSection .Advancer_Right {
	right: 0;
}

.tabSection [data-overflowing=both] ~ .Advancer_Right, [data-overflowing=right] ~ .Advancer_Right {
	opacity: 1;
}

.tabSection .Advancer_Icon {
	width: 12px;
	height: 44px;
	fill: #bbb;
}

.tabSection .ProductNav_Indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100px;
	background-color: transparent;
	transform-origin: 0 0;
	transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.grmrTabBox .tabSection .ProductNav_Indicator {
	height: 5px;
}

.GrammerListPage .tabSection .ProductNav_Indicator,
.indexPage .tabSection .ProductNav_Indicator {
	height: 0;
}

.GrammerListPage .tabSection .tab-content {
	padding: 40px 0 30px 0;
}

.indexPage .tabSection .tab-content {
	padding: 50px 20px 30px 20px;
}

.grmrTabBox .tabSection .tab-content {
	padding-bottom: 50px;
}

.GrammerListPage .tabSection .Advancer_left {
	left: 101px;
}

.GrammerListPage #srchResultSec .tabSection .Advancer_Left {
	left: 101px;
}

/******************datepicker-plot-area************/
.periodPage .datepicker-plot-area {
	border: 1px solid rgba(13, 25, 163, 0.15);
	font-family: 'IRANSansRegular';
	border-radius: 10px;
}

.datepicker-plot-area .datepicker-day-view .table-days td {
	border-radius: 5px;
}

	.datepicker-plot-area .datepicker-day-view .table-days td span {
		border-radius: 5px;
	}

.periodPage .datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.periodPage .datepicker-plot-area .datepicker-year-view .year-item.selected,
.periodPage .datepicker-plot-area .datepicker-month-view .month-item.selected {
	background: #080F5B;
	text-shadow: none;
	border-radius: 5px;
}

	.periodPage .datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,
	.periodPage .datepicker-plot-area .datepicker-day-view .table-days td span:hover,
	.periodPage .datepicker-plot-area .datepicker-year-view .year-item:hover,
	.periodPage .datepicker-plot-area .datepicker-month-view .month-item:hover {
		background: #0D19A3;
		border-radius: 5px;
	}

/***************seeFiltrsModal****************/
#seeFiltrsModal .modal-header {
	padding: 0;
	justify-content: flex-end;
}

#seeFiltrsModal .form-row {
	background: #FFFFFF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 20px;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}

#seeFiltrsModal .close {
	margin: 0;
}

#seeFiltrsModal .grmmrFiltrMnu {
	background: #FFFFFF;
	width: 100%;
	padding: 25px 20px;
	box-shadow: 0px 10px 63px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}

	#seeFiltrsModal .grmmrFiltrMnu .grmmrFiltTtl {
		font-family: 'IRANSansBold';
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		color: #080F5B;
		text-align: right;
	}

	#seeFiltrsModal .grmmrFiltrMnu ul {
		margin-bottom: 15px;
		margin-top: 20px;
		width: 100%;
		padding-right: 0;
	}

	#seeFiltrsModal .grmmrFiltrMnu li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 8px;
	}

		#seeFiltrsModal .grmmrFiltrMnu li img {
			width: 23px;
			height: 23px;
		}

	#seeFiltrsModal .grmmrFiltrMnu .custom-control-inline {
		margin-right: 0;
		width: calc(100% - 23px);
		position: relative;
	}

	#seeFiltrsModal .grmmrFiltrMnu .custom-control-input {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#seeFiltrsModal .grmmrFiltrMnu .custom-control-label {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 25px;
		color: #080F5B;
		cursor: pointer;
		padding-right: 1.5rem;
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: right;
	}

		#seeFiltrsModal .grmmrFiltrMnu .custom-control-label:before,
		#seeFiltrsModal .grmmrFiltrMnu .custom-control-label:after {
			left: auto;
			right: 0;
		}

	#seeFiltrsModal .grmmrFiltrMnu .custom-control-input:checked ~ .custom-control-label::before {
		border-color: #080F5B;
		background-color: #080F5B;
	}

	#seeFiltrsModal .mdlfiltrBtn,
	#seeFiltrsModal .grmmrFiltrMnu button {
		font-family: 'IRANSansMedium';
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		color: #0D19A3;
		background-color: #fff;
		height: 47px;
		width: 100%;
		border: 1px solid #0D19A3;
		box-sizing: border-box;
		border-radius: 5px;
		transition: all 0.6s;
	}

		#seeFiltrsModal .mdlfiltrBtn:hover,
		#seeFiltrsModal .grmmrFiltrMnu button:hover {
			background-color: #0D19A3;
			color: #fff;
		}

#seeFiltrsModal .mdlfiltrBtn {
	margin-top: 10px;
}

/***********************medias*********************/

@media (max-width: 1199px) {
	#BlgPostSec {
		width: 100%;
	}

	.hdrMenuBox .hdrMainMnuUl .hdrSubLink {
		font-size: 15px;
	}

	#strtTodaySec .strtTodayBx {
		flex-direction: column-reverse;
	}

		#strtTodaySec .strtTodayBx .strtTdayRght {
			border-radius: 30px 30px 0 0;
			width: 100%;
		}

	#strtTodaySec .strtTdayRght img {
		border-radius: 30px 30px 0 0;
	}

	#strtTodaySec .strtTodayBx .strtTdayLft {
		width: 100%;
	}

	footer .footerBxOne .ftrAppStrLnk a,
	#downldAppSec .downldAppBx .appStorLnks a {
		width: 180px;
		height: 59px;
	}

	#CoursGroupSec .CoursGrpCrds .crsGrpCrdBdy h4 {
		font-size: 18px;
	}

	#CoursGroupSec .CoursGrpCrds .crsGrpCrdBdy a {
		width: 45px;
		height: 45px;
	}

	#snglGramrSec .tabCOMMENTSBx .cmntFrmBtn button {
		width: 150px;
	}

	#snglGramrArtcl .snglGramrBox .snglGrmrCntnt {
		margin-right: 0;
	}

	#CareersSec .CareersRSteps .CarersRStpTtl {
		font-size: 22px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#strtTodaySec .strtTodayBx .strtTdayRght {
		height: 480px;
	}

	#strtTodaySec .strtTdayRght img {
		object-position: top;
	}

	#BlogPageSec .BlogPageCrds .BlogPageCrd {
		width: 48.2%;
	}

	#relatedBlgCrd .BlgPgeCrds .BlogPageCrd {
		width: 32.4%;
	}

	.formWizardBx .FrmSteps ul li::before, .formWizardBx .FrmSteps ul li::after {
		right: -160px;
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList li {
		padding-right: 8px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child .GrmrLiTitle,
	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child span {
		font-size: 12px;
	}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU div,
	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn div {
		flex-direction: column;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv .GrmrLiPrice {
		font-size: 18px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv small {
		font-size: 15px;
		width: 35px;
		height: 32px;
	}

	#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo {
		height: 350px;
	}

	#srchResultSec .CoursTabCrds .CoursTbCrd {
		width: 31.9%;
	}

	#periodSec .RegisterStpsBx .RgstrStpsList .RgstrStpLstImg:after {
		width: 158px;
		right: -154px;
	}

	#cntctUsSec .cntctUsInfos .customrSrvces ul {
		flex-direction: column;
	}

	#cntctUsSec .cntctUsInfos .customrSrvces li {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.formWizardBx .FrmSteps ul li::before,
	.formWizardBx .FrmSteps ul li::after {
		width: 175%;
		right: -160%;
	}

	.formWizardBx .FrmSteps ul li.active::after {
		width: 175%;
	}

	.cartStpsFrmBx .FrmSteps ul li::before,
	.cartStpsFrmBx .FrmSteps ul li::after {
		right: -92%;
		width: 100%;
	}

	.cartStpsFrmBx .FrmSteps ul li.active::after {
		width: 100%;
	}

	.grmmrSrchRight {
		padding: 15px 10px;
	}

	#grmmrSrchSec .grmmrRcomndCrd .grmrRcmndCrdTtl .CursCrdTtlPrg {
		width: 155px;
	}

	#grmmrSrchSec .grmrRcmndCrdTtl .CursCrdTtlDiv span {
		font-size: 17px;
	}

	#grmmrSrchSec .grmrRcmndCrdTtl .CursCrdTtlDiv .discntAmntBx {
		font-size: 16px;
		width: 37px;
		height: 34px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft {
		width: 60%;
	}

	.grmmrSrchRight {
		width: 37%;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch {
		width: 85%;
	}
}

@media (max-width: 991px) {

	#strtTodaySec .strtTdayLft .strtTdayLgos ul {
		text-align: center;
	}

	#strtTodaySec .strtTdayLft .strtTdayBtn {
		margin-left: auto;
		margin-right: auto;
	}

	#strtTodaySec .strtTdayLft .strtTdayTitl {
		flex-direction: column;
		margin-top: 0;
	}

		#strtTodaySec .strtTdayLft .strtTdayTitl h1 {
			width: 100%;
			font-size: 43px;
			margin-bottom: 20px;
			text-align: center;
		}

		#strtTodaySec .strtTdayLft .strtTdayTitl span {
			width: 100%;
			text-align: center;
		}

	.grmmrLstMnu .grmmrFiltrMnu,
	.grmmrLstMnu .grmrCtgryMnu {
		display: none;
	}

	.grmmrLstMnu .seeFiltrsBtn {
		display: flex;
	}

	footer .footerBxTwo {
		flex-direction: column;
	}

		footer .footerBxTwo .ftrBxSocial {
			margin-top: 35px;
		}

	#snglGramrArtcl .snglGramrBox .GrmrStkyMnu .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	#targetElement {
		width: 100%;
	}

	#snglGramrArtcl .snglGrmrCntnt .snglGrmrVideoBx {
		padding-left: 0;
	}

	#grammerLstArtcl .grammerLstBox .grmmrLstMnu .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	#cntctUsSec .cntctUsBox .cntctUsMap {
		position: static;
	}

	#CareersSec .CareersCntntBx .carerBnftList ul {
		justify-content: center;
	}

	#ourCustmrSec ul {
		justify-content: center;
	}

	#loginPagSec .loginFormBx {
		padding-right: 0;
	}

	.indexPage .tabSection .ProductNav_Link {
		min-width: 148px;
	}

	.tabBox .tablinks {
		font-size: 15px;
	}

	footer .footerBxTwo .ftrBxSocial li {
		margin-left: 10px;
	}

	footer .footerBxTwo .ftrBxAddres ul,
	footer .footerBxTwo .ftrBxAddres li {
		align-items: flex-start;
	}

	footer .footerBxTwo .ftrBxAddres small {
		margin-top: -4px;
	}

	footer .footerBxOne h6 {
		font-size: 17px;
		margin-bottom: 14px;
	}

	footer .footerBxOne li {
		margin-bottom: 5px;
	}

	footer .footerBxOne a {
		font-size: 12px;
	}

	footer .footerBxOne {
		flex-wrap: wrap;
	}

	header .navLangBx {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

		header .navLangBx .opnMinMnuLnk {
			display: flex;
		}

	.hdrMenuBox .catSubMnu .catSubRight,
	.hdrMenuBox .hdrMainMnu,
	.topNav .navMenuBx .navRighMnu,
	.topNav .navRightBx .navLognLnk i,
	header .navSocialLnks {
		display: none;
	}

	.topNav .navRightBx .navLognLnk {
		width: 38px;
	}

	.topNav .navRightBx .groceryStore {
		min-width: 55px;
		position: relative;
		border-radius: 5px 0 0 5px;
		justify-content: center;
	}

		.topNav .navRightBx .groceryStore i {
			position: absolute;
			width: 18px;
			height: 18px;
			font-size: 10px;
			position: absolute;
			left: 30px;
			top: 3px;
		}

	.topNav .navMenuBx {
		justify-content: flex-end;
		background-color: transparent;
	}

	.topNav {
		background-color: #F3F3F3;
		border-radius: 5px;
		height: 40px;
	}

	.dropSel {
		width: 107px;
	}

	#snglGramrArtcl .snglGramrBox {
		flex-direction: column;
	}

		#snglGramrArtcl .snglGramrBox .snglGrmrCntnt,
		#snglGramrArtcl .snglGramrBox .GrmrStkyMnu {
			width: 100%;
			flex: 100%;
			margin-bottom: 25px;
			border: none;
			position: static;
		}

	#PpularGrmmrSec .swiper-button-prev, #PpularGrmmrSec .swiper-button-next,
	#PpularSaleSec .swiper-button-prev, #PpularSaleSec .swiper-button-next {
		top: 54%;
	}

	#grammerLstArtcl .grammerLstBox {
		flex-direction: column-reverse;
	}

		#grammerLstArtcl .grammerLstBox .grmmrLstCntnt,
		#grammerLstArtcl .grammerLstBox .grmmrLstMnu {
			width: 100%;
		}

		#grammerLstArtcl .grammerLstBox .grmmrLstCntnt {
			margin-left: 0;
		}

		#grammerLstArtcl .grammerLstBox .grmmrLstMnu {
			margin-bottom: 30px;
		}

	#cntctUsSec .cntctUsBox {
		flex-direction: column;
	}

		#cntctUsSec .cntctUsBox .cntctUsMap,
		#cntctUsSec .cntctUsBox .cntctUsInfos {
			width: 100%;
		}

	.periodPage .tabBox .tablinks {
		padding: 5px 10px;
		font-size: 12px;
	}

	#PhotoGallrySec #lightgallery .glryCard {
		height: auto;
	}

	#cartStepSec .CartTableBox {
		width: 100%;
	}

	#cartStepSec .inYourCartBx {
		flex-direction: column;
	}

		#cartStepSec .inYourCartBx .inYourCrtCntnt,
		#cartStepSec .inYourCartBx .inYourCartMnu {
			width: 100%;
			padding-left: 0;
		}

		#cartStepSec .inYourCartBx .InvoiceBox {
			margin-top: 45px
		}

	#QandASec .QandAPageBx {
		flex-direction: column;
	}

		#QandASec .QandAPageBx .QandAPgCtgry,
		#QandASec .QandAPageBx .QandAPgCntnt {
			width: 100%;
		}

	#CareersSec .CareersRSteps ul {
		padding-right: 0;
	}

	#carerPgSec .ApplyNowFrm {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#CoursGroupSec .CoursGrpCrds .CorsGrpCrd {
		width: 31%;
	}

	#ReelsnewsSec .ReelnewsDiv .ReelnewsCrd {
		width: 48%;
	}

	#relatedItmSec .relatedItmCrds .popGrmrCard {
		width: 31.9%;
		min-width: auto;
	}

	#strtTodaySec .strtTodayBx .strtTdayRght {
		height: 380px;
	}

	#strtTodaySec .strtTdayRght img {
		object-position: top;
	}

	#BlogPageSec .BlogPageBox .BlogPageFltrs .grmrCtgryMnu {
		padding: 15px 10px;
	}

	#BlogPageSec .BlogPageFltrs .grmrCtgryMnu .FiltrDrpItem label p {
		font-size: 12px;
	}

	#BlogPageSec .BlogPageFltrs .grmrCtgryMnu .FiltrDropBx .FiltrDrpHdrTtl1 {
		font-size: 13px;
	}

	footer .footerBxTwo .ftrBxAddres .fltrAdrsTitl div {
		min-width: 130px;
	}

	#relatedBlgCrd .BlgPgeCrds .BlogPageCrd {
		width: 48.8%;
	}

	.formWizardBx .FrmSteps ul li::before, .formWizardBx .FrmSteps ul li::after {
		right: -129px;
	}

	#proivdeSec .proivdeSrch {
		width: 85%;
	}

	#bestTeachrSec .bestTeachrBx .bestTchrTitl h1 {
		font-size: 40px;
		line-height: 45px;
	}

	#downldAppSec .downldAppBx {
		height: 400px;
	}

		#downldAppSec .downldAppBx .downldAppTxt,
		#downldAppSec .downldAppBx .downldAppImg {
		}

		#downldAppSec .downldAppBx .downldAppImg {
			width: 280px;
		}

		#downldAppSec .downldAppBx .downldAppTxt {
			width: calc(100% - 280px);
		}

	#downldAppSec .downldAppTxt .dwnldAppTitl {
		width: 90%;
	}

		#downldAppSec .downldAppTxt .dwnldAppTitl h1 {
			font-size: 40px;
			line-height: 45px;
		}

	#grmrLstTabBox .CoursTabCrds .CoursTbCrd {
		margin-left: 8px;
		margin-right: 8px;
	}

	#periodSec .RegisterStpsBx .RgstrStpsList .RgstrStpLstImg:after {
		width: 132px;
		left: -113px;
	}

	#periodSec .RegisterStpsBx .RgstrStpsList span {
		font-size: 12px;
	}

	.periodPage .tabBox li {
		height: 60px;
	}

	#frmWizardSec .FrmSteps ul li small {
		font-size: 13px;
	}

	#frmWizardSec .FrmSteps ul li div {
		width: 78px;
		height: 78px;
	}

	#frmWizardSec .AvalblTrmMnu .ViewPeriodBx {
		flex-direction: column;
		height: max-content;
	}

		#frmWizardSec .AvalblTrmMnu .ViewPeriodBx h6 {
			margin-top: 15px;
			margin-bottom: 10px;
			text-align: center;
			width: 100%;
		}

	#paySuccsSec .TotalDscontBx {
		width: 60%;
	}

	#AboutUsSec .AboutUsReel {
		left: -140px;
	}

	#AboutUsSec .AboutUsReel {
		width: 270px;
		height: 160px;
	}

	.cartStpsFrmBx .FrmSteps ul li div {
		width: 99px;
		font-size: 11px;
	}

	#cartStepSec .TrnsactnDtils,
	#cartStepSec .cartStepSuccs {
		width: 60%;
	}

	#frmWizardSec .AvailblTrmsBx #targetElement {
		width: 0%;
	}
}

@media (min-width: 576px) and (max-width: 1320px) {
	#grmrLstTabBox .CoursTabCrds .CoursTbCrd {
		width: 47%;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	#snglGramrArtcl .GrmrStkyMnu .GrmrStkyMnuDiv {
		display: flex;
		align-items: flex-start;
		align-items: flex-start;
		width: 100%;
	}

	#snglGramrArtcl .snglGramrBox .GrmrStkyMnuDiv .GrmrStkyList1 {
		min-width: 170px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

		#snglGramrArtcl .snglGramrBox .GrmrStkyMnuDiv .GrmrStkyList1 li {
			width: 90%;
		}

	#snglGramrArtcl .GrmrStkyMnuDiv .GrmrStkyList1 .GrmrStkyDurtn {
		margin-left: 0;
		margin-right: 0;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrStkyMnuDiv .GrmrStkyList2 {
		min-width: calc(100% - 170px);
	}

	#reelsHlpSec .relsHlpCrdBx .relsHlpsiteNm {
		font-size: 30px;
		line-height: 35px;
	}

	#BlogPageSec .BlogPageCrds .BlogPageCrd {
		width: 47.5%;
	}

	#srchResultSec .CoursTabCrds .CoursTbCrd {
		width: 48%;
	}

	#cntctUsSec .cntctUsBox .cntctUsMap {
		height: 300px;
	}

	#frmWizardSec .AcceptPrchsBx .AccptPrchChck {
		width: 65%;
	}

	#RcmnddSlidrSec .RPrdctSldrCard .image_parent::after,
	#RPrdctSlidrSec .RPrdctSldrCard .image_parent::after {
		padding-top: 60%;
	}
}

@media (max-width: 767px) {
	.GrammerListPage .tabSection .ProductNav_Link {
		font-size: 15px;
	}

	.GrammerListPage .tabSection .ProductNav {
		width: auto;
		margin-left: 0;
	}

	.GrammerListPage #srchResultSec .tabSection .Advancer_Left,
	.GrammerListPage .tabSection .Advancer_left {
		left: 0;
	}

	#frmWizardSec .AvailblTrmsBx .AvalblTrmMnu .grmrCtgryMnu {
		display: none;
	}

	#frmWizardSec .AvailblTrmsBx .AvalblTrmMnu .seeFiltrsBtn {
		display: flex;
	}

	.tabBXHderBx {
		width: 100%;
		padding: 0;
	}

	#srchResultSec .tabHederLnks,
	#grmrLstTabBox .tabHederLnks {
		display: none;
	}

	#ReelAwardSec .ReelAwardsDiv,
	#ReelsnewsSec .ReelnewsDiv,
	#reelsBlogSec .reelsBlgCrds,
	#CoursGroupSec .CoursGrpCrds,
	.CoursTabCrds,
	#relatedBlgCrd .BlgPgeCrds,
	.indexPage .ourCtgryCrds {
		overflow-y: hidden;
		overflow-x: auto;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}

	.PhtoGllryDiv {
		width: 100%;
	}

	.indexPage .ourCtgryCrds {
		overflow-x: auto;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}

	#PhotoGallrySec #lightgallery {
		flex-wrap: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		align-items: flex-start;
		justify-content: flex-start;
	}

	#relatedItmSec .relatedItmCrds {
		flex-wrap: nowrap;
		overflow-x: auto;
		align-items: flex-start;
		justify-content: flex-start;
	}

		#relatedBlgCrd .BlgPgeCrds::-webkit-scrollbar,
		#relatedItmSec .relatedItmCrds::-webkit-scrollbar,
		#PhotoGallrySec #lightgallery::-webkit-scrollbar,
		#ReelAwardSec .ReelAwardsDiv::-webkit-scrollbar,
		#ReelsnewsSec .ReelnewsDiv::-webkit-scrollbar,
		#reelsBlogSec .reelsBlgCrds::-webkit-scrollbar,
		#CoursGroupSec .CoursGrpCrds::-webkit-scrollbar,
		.CoursTabCrds::-webkit-scrollbar,
		.indexPage .ourCtgryCrds::-webkit-scrollbar {
			width: 0px;
			height: 0px;
		}

	#relatedBlgCrd .BlgPgeCrds .BlogPageCrd,
	#PhotoGallrySec #lightgallery .glryCard,
	#ReelsnewsSec .ReelnewsDiv .ReelnewsCrd,
	#CoursGroupSec .CoursGrpCrds .CorsGrpCrd,
	#mostSalesSec .CoursTabCrds .CoursTbCrd {
		width: 270px;
		min-width: 270px;
		margin-right: 1px;
		margin-left: 5px;
		margin-bottom: 0;
	}

	#CoursGroupSec .CoursGrpCrds .CorsGrpCrd {
		margin-top: 21px
	}

	#relatedItmSec .relatedItmCrds .popGrmrCard {
		width: 270px;
		min-width: 270px;
		margin-right: 1px;
		margin-left: 5px;
		margin-bottom: 20px;
	}

	#ReelAwardSec .ReelAwardsDiv .ReelAwardCrd {
		width: 245px;
		min-width: 245px;
		margin-right: 1px;
		margin-left: 5px;
		margin-bottom: 0;
	}

	.indexPage .ourCtgryCrds .ourCatCrd {
		width: 200px;
		min-width: 200px;
		margin-right: 1px;
		margin-left: 5px;
		margin-bottom: 35px;
	}

	#reelsBlogSec .reelsBlgCrds .reelsBlgCrd {
		width: 270px;
		min-width: 270px;
		margin-bottom: 0;
		margin-left: 4px;
		margin-right: 2px;
	}

	#reelsBlogSec .reelsBlgCrd .blgCrdTitle div {
		min-width: 74px;
	}

	#CoursGroupSec .CoursGrpTtle {
		margin-bottom: 45px;
	}

	#reelsBlogSec .viewMorCards,
	#mostSalesSec .coursTabMore {
		margin-top: 40px;
	}

	#srchResultSec .CoursTabCrds {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 20px;
		display: block;
		overflow: inherit;
	}




	#BlogPageSec .BlogPageBox .BlogPageFltrs .grmrCtgryMnu {
		display: none;
	}

	#BlogPageSec .BlogPageBox .BlogPageFltrs .seeFiltrsBtn {
		display: flex;
	}

	.inYourCrtTable thead {
		display: none;
	}

	.inYourCrtTable .table-striped tbody tr {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

		.inYourCrtTable .table-striped tbody tr:first-child {
			border-radius: 10px 10px 0 0;
		}

	#frmWizardSec .AvailblTrmsBx #targetElement {
		width: 100%;
	}

	footer .footerBxTwo .ftrBxSocial li {
		margin-right: 0;
		margin-left: 10px;
	}

	#snglGramrArtcl .snglGrmrCntnt .snglGrmrVideoBx {
		padding-left: 0;
	}

	#frmWizardSec .cmpltTrnsDtail {
		width: 100%;
	}

	.havTimeVideo #vidDuration {
		bottom: 22%;
	}

	#loginPagSec .loginFormBx .lognFrmTitle.mtChng,
	#loginPagSec .loginFormBx .lognFrmTitle {
		margin-top: 65px;
	}

	#proivdeSec .proivdeSrch .srchDropDn .srchDropSel {
		margin-top: 3px;
	}

	#proivdeSec .proivdeSrch {
		width: 100%;
		height: 70px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.CoursTbCrd.addedToCard .CoursCrdTitle .CursCrdTtlDiv .discntAmntBx {
		font-size: 14px;
		width: 33px;
		height: 30px;
	}

	#bestTeachrSec .bestTeachrBx {
		flex-direction: column;
	}

		#bestTeachrSec .bestTeachrBx .bestTchrVideo,
		#bestTeachrSec .bestTeachrBx .bestTchrTitl {
			width: 100%;
		}

			#bestTeachrSec .bestTeachrBx .bestTchrTitl p {
				margin-bottom: 25px;
				text-align: center;
			}

	#reelsBlogSec .reelsBlgCrd .blgCrdTitle p {
		font-size: 15px;
	}

	#mostSalesSec .CoursTbCrd .CoursCrdBtns a {
		font-size: 12px;
	}

	#mostSalesSec .CoursTbCrd a.CorsCrdRedMr {
		width: 40%;
		flex: 40%;
	}

	#mostSalesSec .CoursTbCrd a.CorsCrdAddTo {
		width: 60%;
		flex: 60%;
	}

	#mostSalesSec .CoursTbCrd .CorsCrdAddTo i {
		margin-left: 3px;
	}

	#strtTodaySec .strtTdayLft .strtTdayTitl h1 {
		font-size: 30px;
		line-height: 40px;
		margin-left: 0;
	}

	#strtTodaySec .strtTdayLft .strtTdayTitl span {
		font-size: 14px;
		line-height: 20px;
		margin-top: 15px;
	}

	#strtTodaySec .strtTodayBx .strtTdayRght {
		height: 350px;
	}

	#strtTodaySec .strtTdayRght img {
		object-position: top;
	}

	footer .footerBxOne .ftrAppStrLnk {
		width: 100%;
		flex: 100%;
		margin-top: 25px;
	}

		footer .footerBxOne .ftrAppStrLnk a {
			display: inline-block;
			transition: all 0.6s;
		}

	footer .copyRightBox {
		flex-direction: column;
		text-align: center;
	}

		footer .copyRightBox p {
			margin-bottom: 8px;
		}

	#downldAppSec .downldAppBx {
		flex-direction: column;
	}

		#downldAppSec .downldAppBx .downldAppImg,
		#downldAppSec .downldAppBx .downldAppTxt {
			width: 100%;
		}

		#downldAppSec .downldAppBx .downldAppTxt {
			padding: 20px 15px;
		}

	#downldAppSec .downldAppTxt .dwnldAppTitl {
		width: 100%;
	}

	#downldAppSec .downldAppBx .downldAppImg {
		border-radius: 30px 30px 0 0;
		height: 300px;
		object-position: top;
	}

		#downldAppSec .downldAppBx .downldAppImg img {
			border-radius: 30px 30px 0 0;
		}

	.hdrMenuBox .hdrSrchBar {
		top: 103px;
		padding-top: 0;
	}

		.hdrMenuBox .hdrSrchBar .srchDropList {
			width: 250px;
			left: 0;
		}

	#AboutUsSec .AboutUsTxt .AbotUsTxtHed,
	#BlgPostSec .BlgPostBox .blgPostText .blgPstHding1 {
		font-size: 38px;
	}

	#relatedItmSec .reletdItmTitle h1 {
		font-size: 25px;
	}

	#relatedBlgCrd .rltedBlgTitl h1 {
		font-size: 31px;
	}

	#relatedItmSec .reletdItmTitle a,
	#relatedBlgCrd .rltedBlgTitl a {
		width: max-content;
		height: 38px;
		padding: 5px;
		font-size: 12px;
	}

		#relatedItmSec .reletdItmTitle a span,
		#relatedBlgCrd .rltedBlgTitl a span {
			font-size: 15px;
		}

	#PhotoGallrySec .PhtoGllryTitl,
	#ReelsnewsSec .ReelnewsTitl,
	#ReelAwardSec .ReelAwardTitl,
	#grammrTagSec .grammrTagTitle,
	#blgPplrSalSec .blgPplrSalTitl,
	#blgPpulrSec .blgPpulrTitl {
		font-size: 30px;
	}

	#PpularGrmmrSec .swiper-button-prev, #PpularGrmmrSec .swiper-button-next,
	#PpularSaleSec .swiper-button-prev, #PpularSaleSec .swiper-button-next {
		height: var(--swiper-navigation-size);
		top: 50%;
		background: transparent;
		width: max-content;
		filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltImg {
		width: 100px;
		height: 100px;
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList {
		width: calc(100% - 115px);
	}

	.GrammerPage .tabBox .tablinks {
		font-size: 15px;
	}

	.GrammerPage .tabBox .tabBXHeader li {
		margin-right: 32px;
	}

	#snglGramrSec .tabCOMMENTSBx .cmntFrmBtn {
		align-items: flex-start;
		flex-direction: column;
	}

		#snglGramrSec .tabCOMMENTSBx .cmntFrmBtn button {
			margin-right: 0;
			margin-top: 10px;
		}

	#snglGramrSec .grmrTabBox .tabVideoCntnt {
		flex-direction: column;
		margin-bottom: 30px;
	}

	#snglGramrSec .grmrTabBox .TabVideoBxTxt {
		width: 100%;
		padding-left: 0;
	}

	#snglGramrSec .tabVideoCntnt .TabVideoBox {
		width: 100%;
		height: 300px;
		margin-top: 20px;
		position: relative;
		margin-bottom: 20px;
	}

		#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js .vjs-tech {
			height: 100%;
		}

		#snglGramrSec .tabVideoCntnt .TabVideoBox .video-js.vjs-fluid {
			height: 100%;
			padding-top: 0;
			padding-bottom: 0;
		}

		#snglGramrSec .tabVideoCntnt .TabVideoBox .vjs-poster {
			background-size: cover;
		}

	#grmmrSrchSec .grmrLstSrchBox {
		flex-direction: column;
	}

		#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft,
		.grmmrSrchRight {
			width: 100%;
		}

	.grmmrSrchRight {
		margin-top: 20px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch {
		margin-bottom: 0;
	}

	.CoursTbCrd .CoursCrdTitle .CursCrdTtlPrg {
		width: 145px;
	}

	.CoursTbCrd .CoursCrdTitle .CursCrdTtlDiv span {
		font-size: 15px;
	}

	.CoursTbCrd .CoursCrdBtns a {
		font-size: 12px;
	}

	.rsultPginatn li {
		margin-left: 1px;
		margin-right: 1px;
	}

	.rsultPginatn a {
		width: 28px;
		height: 28px;
		font-size: 13px;
	}

		.rsultPginatn a span {
			font-size: 16px;
		}

	#srchResultSec .CoursTbCrd .CoursCrdTitle .CursCrdTtlPrg {
		width: 150px;
	}

	#BlogPageSec .BlogPageBox {
		flex-direction: column-reverse;
	}

		#BlogPageSec .BlogPageBox .BlogPageFltrs,
		#BlogPageSec .BlogPageBox .BlogPageCntnt {
			width: 100%;
			margin-bottom: 15px;
		}

	#cntctUsSec .cntctUsInfos .cstmrSrvcFrmBtn,
	#BlgPostSec .blgCMMENTSBx .blgPstFrmBtn {
		flex-direction: column;
		align-items: flex-start;
	}

		#cntctUsSec .cntctUsInfos .cstmrSrvcFrmBtn button,
		#BlgPostSec .blgCMMENTSBx .blgPstFrmBtn button {
			margin-top: 10px;
			margin-right: 0;
		}

	#BlgPostSec .BlgPostBox .blgPostTtleBx {
		flex-direction: column;
		align-items: flex-start;
	}

		#BlgPostSec .BlgPostBox .blgPostTtleBx .blgPostTtle {
			margin-bottom: 15px;
			font-size: 30px;
		}

	#BlgPostSec .BlgPostBox .postDwnldLnk {
		width: 140px;
	}

	#BlgPostSec .BlgPostBox .blgPostVideo {
		height: 300px;
	}

	#cntctUsSec .cntctUsInfos .customrSrvces ul {
		flex-direction: column;
	}

	#cntctUsSec .cntctUsInfos .customrSrvces li {
		width: 100%;
		margin-bottom: 10px;
	}

	#periodSec .RegisterStpsBx .RgstrStpsList {
		flex-direction: column;
	}

		#periodSec .RegisterStpsBx .RgstrStpsList li {
			flex-direction: row;
			margin-bottom: 20px;
		}

		#periodSec .RegisterStpsBx .RgstrStpsList span,
		#periodSec .RegisterStpsBx .RgstrStpsList h5 {
			text-align: right;
		}

		#periodSec .RegisterStpsBx .RgstrStpsList .RgstrStpLstTxt {
			padding-right: 15px;
			width: calc(100% - 85px);
		}

		#periodSec .RegisterStpsBx .RgstrStpsList .RgstrStpLstImg:after {
			width: 12px;
			height: 90px;
			left: 50%;
			right: auto;
			bottom: 0px;
			transform: translate(-50%, 0);
		}

	.periodPage .tabBox {
		flex-direction: column;
	}

		.periodPage .tabBox .tabBXHeader,
		.periodPage .tabBox .tabcontent {
			width: 100%;
		}

		.periodPage .tabBox .tabcontent {
			padding: 15px;
		}

		.periodPage .tabBox .tabBXHeader {
			overflow-x: auto;
			height: 50px;
			border: 1px solid rgba(13, 25, 163, 0.15);
		}

		.periodPage .tabBox ul {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			height: 100%;
			border: 0;
		}

		.periodPage .tabBox li {
			height: 100%;
			border-bottom: 0;
		}

		.periodPage .tabBox .tablinks {
			justify-content: center;
			width: max-content;
		}

			.periodPage .tabBox .tablinks.active:after {
				display: none;
			}

	#RegisterFlotBx {
		height: max-content;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.formWizardBx {
		display: block;
	}

		.formWizardBx .FrmSteps {
			margin: 40px 1px;
		}

	#frmWizardSec .FrmSteps ul {
		overflow-x: auto;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}

		#frmWizardSec .FrmSteps ul li {
			width: 119px;
			min-width: 119px;
		}

			#frmWizardSec .FrmSteps ul li small {
				font-size: 12px;
			}

			#frmWizardSec .FrmSteps ul li::before, #frmWizardSec .FrmSteps ul li::after {
				width: 170%;
				right: -85%;
			}

			#frmWizardSec .FrmSteps ul li.active::after {
				width: 156%;
			}

	#frmWizardSec .AvailblTrmsBx {
		flex-direction: column-reverse;
	}

		#frmWizardSec .AvailblTrmsBx .AvalblTrmMnu,
		#frmWizardSec .AvailblTrmsBx .AvalblTrmCntnt {
			width: 100%;
			padding-right: 0;
			margin-bottom: 40px;
		}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx a {
		height: 50px;
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTitl {
		flex-wrap: wrap;
	}

	#frmWizardSec .AcceptPrchsBx .PurchaseTrms {
		flex-direction: column;
	}

		#frmWizardSec .AcceptPrchsBx .PurchaseTrms .PurchaseItm {
			width: 100%;
			flex: 100%;
		}

	#paySuccsSec .TotalDscontBx {
		width: 100%;
	}

	#AboutUsSec .AboutUsImg {
		width: 100%;
	}

	#AboutUsSec .AboutUsReel {
		top: auto;
		transform: none;
		left: auto;
		right: 70px;
		bottom: -50px;
	}

	#AboutUsSec .AboutUsTxt {
		margin-top: 120px;
	}

		#AboutUsSec .AboutUsTxt .AbotUsTxtVideo {
			width: 100%;
			height: 285px;
		}

	.cartStpsFrmBx .FrmSteps {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

		.cartStpsFrmBx .FrmSteps ul {
			width: 100%;
			margin-top: 18px;
			margin-bottom: 18px;
			padding: 0;
		}

	#cartStepSec .TrnsactnDtils,
	#cartStepSec .cartStepSuccs {
		width: 100%;
	}

	.cartStpsFrmBx .FrmSteps ul li {
		width: 100%;
	}

		.cartStpsFrmBx .FrmSteps ul li div {
			width: 100%;
		}

	#QAboutSec .QAnswerBox .likeDAnswerBx {
		flex-direction: column;
	}

	#ourCustmrSec .ourCustmrText {
		width: 95%;
	}

	#ourCustmrSec li {
		width: 130px;
		height: 130px;
	}

	#CareersSec {
		flex-direction: column-reverse;
	}

		#CareersSec .CareersCntntBx,
		#CareersSec .CareersRSteps {
			width: 100%;
			position: static;
		}

		#CareersSec .CareersRSteps {
			min-height: auto;
		}

		#CareersSec .CareersCntntBx {
			padding-right: 0;
		}

			#CareersSec .CareersCntntBx .CarerCntntTitl,
			#CareersSec .CareersCntntBx .CarerCntntText {
				text-align: center;
			}

			#CareersSec .CareersCntntBx .CarerCntntText,
			#CareersSec .CareersCntntBx .carerBnftText {
				width: 100%;
			}

			#CareersSec .CareersCntntBx .CarerCntntList ul,
			#CareersSec .CareersCntntBx .carerBnftList ul {
				justify-content: center;
			}

	#carerPgSec .carerPgText,
	#carerPgSec .carerPgInfoLst li {
		width: 100%;
	}

	#errPageSec .errorBox {
		width: 100%;
	}

	#loginPagSec {
		flex-direction: column;
	}

		#loginPagSec .loginFormBx {
			width: 100%;
			padding-top: 15px;
		}

		#loginPagSec .loginImgBox {
			position: static;
			width: 100%;
			height: 45vh;
			min-height: auto;
		}

			#loginPagSec .loginImgBox img {
				min-height: 45vh;
			}

		#srchResultSec .srchResulTitl h1,
		#QandASec .QandAPgTitle,
		#QAboutSec .NotAnswerBx .NotAnswrTitl,
		#QAboutSec .QAnswerBox .QAnswerTitl,
		.formWizardBx .FrmCntnrtitle,
		#periodSec .joinPeriodBx .joinPeriod h1,
		#periodSec .priodSecTtl,
		.tabVidAcord .cardLink div h3,
		#ourCustmrSec .ourCustmrTitl,
		#snglGramrSec .grmrTabBox .tabVidPreReq .tabVidPreReqTtl p,
		#snglGramrSec .grmrTabBox .tabVidComplet .tabVidPreReqTtl,
		#snglGramrSec .snglGrmrVideoBx .grmrTitlLft h2,
		#loginPagSec .loginFormBx .lognFrmTitle,
		#cntctUsSec .cntctUsInfos .cntctUsTitl h1,
		#RcmnddSlidrSec .inYourCrtTitl,
		#RPrdctSlidrSec .inYourCrtTitl,
		#PpularGrmmrSec .PpularGrmmrTitl,
		#PpularSaleSec .PpularSaleTitl,
		#CareersSec .CareersCntntBx .CarerCntntTitl,
		#CareersSec .CareersCntntBx .carerBnftTitl,
		#carerPgSec .ApplyNowBx h2,
		#reelsBlogSec .reelsBlgTitl,
		#CoursGroupSec .CoursGrpTtle,
		#ourCtgrySec .ourCtgryTtle,
		#mostSalesSec .coursTabTitle,
		#periodSec .RegisterStpsBx .RgstrStpsTitl,
		#snglGramrSec .tabQuiz .tabQuizTitl h4 {
			font-size: 30px;
		}

	#reelsBlogSec .reelsBlgTitl,
	#CoursGroupSec .CoursGrpTtle,
	#ourCtgrySec .ourCtgryTtle {
		line-height: 40px;
	}

	#QAboutSec .QAnswerBox .QAnswerTxt {
		font-size: 15px;
		margin-top: 8px;
	}

	#periodSec .RegisterStpsBx .RgstrStpsTitl {
		line-height: 44px;
	}

	#periodSec .periodTabCntnt h1 {
		font-size: 35px;
		line-height: 44px;
	}

	#snglGramrSec .grmrTabBox .tabVidPreReq small {
		font-size: 15px;
	}

	#cartStepSec .inYourCartBx .inYourCrtCntnt .inYourCrtTitl h1 {
		font-size: 25px;
	}

	#cartStepSec .inYourCartBx .inYourCrtCntnt .inYourCrtTitl span {
		font-size: 11px;
		text-align: left;
	}

	#periodSec .joinPeriodBx .joinPeriod a {
		font-size: 18px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmrSrchLftTtl h1 {
		font-size: 35px;
		line-height: 45px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch input {
		font-size: 13px;
	}

	#srchResultSec .coursTabTitle {
		font-size: 25px;
	}

	#QandASec .QandAPgCtgryDiv .card-header div h4 {
		font-size: 22px;
	}

	#downldAppSec .downldAppTxt .dwnldAppTitl h1,
	#bestTeachrSec .bestTeachrBx .bestTchrTitl h1 {
		font-size: 30px;
		line-height: 40px;
	}

	#bestTeachrSec .bestTeachrBx .bestTchrTitl h1 {
		width: 100%;
		text-align: center;
	}

	#snglGramrSec .tabAboutCntnt .tabAbotHding1 {
		font-size: 30px;
	}

	#snglGramrSec .tabAboutCntnt .tabAbotHding2 {
		font-size: 29px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.GrammerListPage #srchResultSec .ProductNav_Wrapper {
		width: calc(100% - 185px);
	}

	footer .footerBxTwo .ftrBxAddres li {
		margin-left: 0px;
	}

	footer .footerBxTwo .ftrBxAddres .fltrAdrsTitl div {
		min-width: 123px;
	}

	#CareersSec .CareersRSteps li:after {
		width: 189%;
	}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx {
		width: 31%;
	}

	#reelsBlogSec .reelsBlgCrd .blgCrdTitle p {
		width: 137px;
	}

	#proivdeSec .proivdeSlidr {
		width: max-content;
		max-width: 511px;
	}

		#proivdeSec .proivdeSlidr .itmTxtTitle {
			font-size: 41px;
		}

		#proivdeSec .proivdeSlidr .swiper-container {
			width: 224px;
		}

	footer .footerBxOne .foterList1,
	footer .footerBxOne .foterList2,
	footer .footerBxOne .foterList3,
	footer .footerBxOne .foterList4 {
		width: 33%;
		flex: 33%;
		margin-bottom: 20px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft img,
	#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft {
		min-height: 350px;
	}

	.grmmrSrchRight .grmmrRcomndCrd .image_parent::after {
		padding-top: 60%;
	}

	#grmrLstTabBox .CoursTabCrds .CoursTbCrd {
		margin-left: 5px;
		margin-right: 5px;
	}

	#srchResultSec .srchRsltTabHdr .srchRsltSide {
		width: 180px;
	}

	#srchResultSec .srchRsltTabHdr .tabBXHeader {
		width: calc(100% - 185px);
	}

	#srchResultSec .drpSelFltr .dropSelDiv p img {
		margin-right: 5px;
	}

	.cartStpsFrmBx .FrmSteps ul li div {
		width: 99px;
		font-size: 11px;
	}

	.cartStpsFrmBx .FrmSteps ul li::before,
	.cartStpsFrmBx .FrmSteps ul li::after {
		right: -74%;
		width: 150%;
	}

	.cartStpsFrmBx .FrmSteps ul li.active::after {
		width: 150%;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	#reelsHlpSec {
		min-height: 433px;
	}

	#CareersSec .CareersRSteps li p {
		margin-right: 0;
		text-align: center;
	}

	.CoursTabCrds .CoursTbCrd.prlodeCardBx {
		height: 377px;
	}

	#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo {
		height: 300px;
	}

	#AboutUsSec .AboutUsReel {
		width: 220px;
		height: 120px;
	}

		#AboutUsSec .AboutUsReel img {
			width: 155px;
			height: 36px;
		}

		#AboutUsSec .AboutUsReel p {
			width: 155px;
		}

	#CareersSec .CareersRSteps ul {
		padding-left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#CareersSec .CareersRSteps li {
		justify-content: center;
		flex-direction: column;
	}

		#CareersSec .CareersRSteps li:after {
			top: 22.5px;
			height: 1px;
		}
}

@media (max-width: 575px) {
	.GrammerListPage #srchResultSec .ProductNav_Wrapper {
		width: 100%;
		margin-bottom: 15px;
	}

	#reelsHlpSec .reelsHlpCrds .relsHlpCrdBx {
		width: 47%;
	}

	#reelsHlpSec .relsHlpCrdBx .relsHlpCrdHvr a {
		font-size: 12px;
		width: 100%;
	}

	#snglGramrSec .snglGrmrVideoBx .grmrTitlRght {
		justify-content: space-between;
		width: 100%;
	}

	.formWizardBx .form-container form .container,
	.formWizardBx .form-container form .row,
	.formWizardBx .form-container form .col-md-12 {
		padding: 0;
		margin: 0;
	}

	#frmWizardSec .prodStepSuccs {
		width: 100%;
	}

	#proivdeSec .proivdeSrch .prvidSeleBox {
		width: 94px;
		padding-right: 0;
		padding-left: 5px;
	}

		#proivdeSec .proivdeSrch .prvidSeleBox select {
			font-size: 14px;
		}

	#proivdeSec .proivdeSrch button {
		width: 50px;
	}

	#proivdeSec .proivdeSrch .srchDropDn {
		width: calc(100% - 94px);
	}

		#proivdeSec .proivdeSrch .srchDropDn .srchDropList {
			top: 60px;
			width: 100%;
		}

	#proivdeSec .proivdeSrch input {
		width: calc(100% - 50px);
		font-size: 12px;
		padding-left: 5px;
	}

	#proivdeSec .proivdeSlidr {
		width: max-content;
	}

		#proivdeSec .proivdeSlidr .itmTxtTitle {
			font-size: 22px;
		}

		#proivdeSec .proivdeSlidr .swiper-container {
			width: 148px;
		}

		#proivdeSec .proivdeSlidr .itemTxtCard {
			width: 190px;
		}

		#proivdeSec .proivdeSlidr .swiper-slide-active p {
			font-size: 30px;
			line-height: 35px;
		}

	#bestTeachrSec .bestTeachrBx .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
		display: none;
	}

	#bestTeachrSec .bestTeachrBx .video-js .vjs-big-play-button {
		width: 73px;
		height: 73px;
	}

	#reelsBlogSec .reelsBlgCrd .blgCrdTitle p {
		width: auto;
	}

	footer .footerBxOne .foterList1,
	footer .footerBxOne .foterList2,
	footer .footerBxOne .foterList3,
	footer .footerBxOne .foterList4 {
		width: 50%;
		flex: 50%;
		margin-bottom: 20px;
	}

	footer .footerBxTwo .ftrBxAddres ul {
		flex-direction: column;
	}

	footer .footerBxTwo .ftrBxAddres li {
		margin-bottom: 20px;
	}

		footer .footerBxTwo .ftrBxAddres li:last-child {
			margin-bottom: 0;
		}

	.hdrMenuBox .hdrMnuBtns .catagryBtn {
		margin-left: 5px;
	}

	.hdrMenuBox .hdrMnuBtns .opnSrchMnu i {
		display: none;
	}

	.hdrMenuBox .hdrMnuBtns i {
		font-size: 11px;
	}

	.hdrMenuBox .hdrMnuBtns .opnSrchMnu {
		width: 44px;
	}

	.hdrMenuBox .hdrMnuBtns .catagryBtn {
		width: 80px;
	}

	#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button {
		width: 73px;
		height: 73px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#snglGramrSec .snglGrmrVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
			display: none;
		}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltImg {
		display: none;
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList {
		width: 100%;
	}

	#snglGramrSec .tabCOMMENTSBx .tabCmmntForm {
		flex-direction: column;
	}

		#snglGramrSec .tabCOMMENTSBx .tabCmmntForm form,
		#snglGramrSec .tabCOMMENTSBx .tabCmmntForm .tabCmmntRate {
			width: 100%;
			margin-bottom: 15px;
		}

	#snglGramrSec .tabVidAcord .card-body li {
		flex-wrap: wrap;
	}

	#snglGramrSec .tabVidAcord .VideoBuyLnk {
		width: max-content;
		padding: 1px 10px;
		margin-left: 8px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft img,
	#grmmrSrchSec .grmrLstSrchBox .grmmrSrchLeft {
		min-height: 280px;
	}

	#grmmrSrchSec .grmmrRcomndCrd .grmrRcmndCrdTtl .CursCrdTtlPrg {
		width: 155px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch {
		width: 100%;
	}

	#grmrLstTabBox .CoursTabCrds .CoursTbCrd {
		width: 95%;
	}

	#srchResultSec .srchRsltTabHdr {
		flex-direction: column;
	}

		#srchResultSec .srchRsltTabHdr .srchRsltSide,
		#srchResultSec .srchRsltTabHdr .tabBXHeader {
			width: 100%;
			margin-bottom: 10px;
		}

	#BlogPageSec .BlogPageCrds .BlogPageCrd {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#BlgPostSec .blgCMMENTSBx .blgCmntsForm {
		flex-direction: column;
	}

	#BlgPostSec .blgCMMENTSBx .BlgCmmntLike,
	#BlgPostSec .blgCMMENTSBx .addCmntForm {
		width: 100%;
		margin-bottom: 15px;
	}

	#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
		display: none;
	}

	#BlgPostSec .blgPostVideo .video-js .vjs-big-play-button {
		width: 78px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#cntctUsSec .cntctUsBox .cntctUsMap {
		height: 250px;
	}

	#frmWizardSec .form-container .addCmntForm {
		width: 100%;
	}

	#frmWizardSec .AcceptPrchsBx .InvoiceBox,
	#frmWizardSec .AcceptPrchsBx .AccptPrchChck {
		width: 100%;
	}

		#frmWizardSec .AcceptPrchsBx .AccptPrchChck p {
			font-size: 18px;
		}

		#frmWizardSec .AcceptPrchsBx .AccptPrchChck span {
			font-size: 14px;
			width: 120px;
		}

	#frmWizardSec .AcceptPrchsBx .frmStpBtns {
		width: 100%;
	}

	#paySuccsSec .paySuccsDiv {
		width: 100%;
	}

	#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button {
		width: 78px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#AboutUsSec .AbotUsTxtVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:after {
			display: none;
		}

	.cartStpsFrmBx .FrmSteps ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
	}

		.cartStpsFrmBx .FrmSteps ul li {
			margin-bottom: 15px;
		}

			.cartStpsFrmBx .FrmSteps ul li::before,
			.cartStpsFrmBx .FrmSteps ul li::after {
				width: 12px;
				height: 100%;
				top: auto;
				bottom: 50%;
				right: auto;
				left: 50%;
				transform: translateX(-50%);
			}

			.cartStpsFrmBx .FrmSteps ul li.active::after {
				width: 12px;
				height: 100%;
			}

	.cartStpsFrmBx .FrmSteps {
		align-items: center;
	}

	#RcmnddSlidrSec .swiper-button-next,
	#RPrdctSlidrSec .swiper-button-next,
	#RcmnddSlidrSec .swiper-button-prev,
	#RPrdctSlidrSec .swiper-button-prev {
		background: transparent;
		width: 45px;
		height: 45px;
		filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
	}

	#QAboutSec .QAnswerBox .likeDAnswerBx div {
		flex-direction: column;
		justify-content: center;
	}

	#QAboutSec .QAnswerBox .likeDAnswerBx form {
		justify-content: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#carerPgSec .carerPgTitl div {
		align-items: flex-start;
	}

	#carerPgSec .carerRequrmntBx .carerRqrmntLst li {
		width: 48%;
	}

	#errPageSec .errorBox .errorBoxImg {
		width: 75%;
	}

	#errPageSec .errorBox a {
		width: 100%;
	}

	#errPageSec .errorBox .errorBxTitl {
		font-size: 35px;
		line-height: 50px;
	}

	#errPageSec .errorBox .errorBxText {
		font-size: 15px;
	}

	#carerPgSec .ApplyNowFrm .cmntFrmBtn {
		flex-direction: column;
		align-items: flex-start;
	}

		#carerPgSec .ApplyNowFrm .cmntFrmBtn button {
			margin-top: 10px;
			margin-right: 0;
		}

	.captchaBox {
		margin-bottom: 15px;
	}

	#BlogPageSec .BlogPageTitl {
		font-size: 38px;
		line-height: 54px;
	}
}

@media (max-width: 550px) {
	#relatedItmSec .popGrmrCard .image_parent::after {
		padding-top: 60%;
	}

	#carerPgSec .ApplyNowBx a {
		width: 100%;
	}
}

@media (min-width: 481px) and (max-width: 575px) {
	#CareersSec .CareersRSteps li:after {
		width: 160%;
	}

	#reelsHlpSec .relsHlpCrdBx .relsHlpsiteNm {
		font-size: 25px;
	}

	#srchResultSec .CoursTabCrds .CoursTbCrd {
		width: 85.9%;
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (max-width: 480px) {
	#CareersSec .CareersRSteps li:after {
		width: 1px;
	}

	.grmmrSrchRight {
		padding: 15px 10px;
	}

		.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv del {
			font-size: 13px;
		}

		.grmmrSrchRight .grmrRcmndCrdTtl .CursCrdTtlDiv span {
			font-size: 15px;
		}

	.CoursTabCrds .prlodeCardBx .prlodeCardImg,
	.CoursTabCrds .CoursTbCrd.prlodeCardBx {
		height: auto;
	}

	#cntctUsSec .cntctUsInfos .customrSrvcTxt {
		padding-right: 7px;
		width: calc(100% - 65px);
	}

	#frmWizardSec .AvailblTrmLst .AvlblTrmTtlBx .slctdTrmTag {
		margin-top: 8px;
	}

	#bestTeachrSec .bestTeachrBx .bestTchrTitl {
		text-align: center;
	}

	#srchResultSec .moreRsultBtn,
	#reelsBlogSec .viewMorCards,
	#mostSalesSec .coursTabMore {
		width: 95%;
	}

	#strtTodaySec .strtTdayLft .strtTdayBtn {
		width: 100%;
	}

	#downldAppSec .downldAppBx .appStorLnks {
		flex-direction: column;
	}

		#downldAppSec .downldAppBx .appStorLnks a {
			margin-right: auto;
			margin-left: auto;
			text-align: center;
			width: 90%;
			height: auto;
			margin-bottom: 10px;
		}

			#downldAppSec .downldAppBx .appStorLnks a:last-child {
				margin-left: auto;
			}

	#reelsBlogSec .reelsBlgCrd .blgCrdTitle p {
		width: 137px;
	}

	#reelsHlpSec .relsHlpCrdBx .relsHlpsiteNm {
		font-size: 24px;
		line-height: 28px;
	}

	#snglGramrSec .grmrTabBox .tabQuiz .tabQuizResult {
		padding: 20px 12px;
	}

	#snglGramrSec .tabQuiz .tabQuizResult .tabQzRsltList li:nth-child(2) {
		padding-right: 5px;
		padding-left: 5px;
		margin-left: 5px;
		margin-right: 5px;
	}

	#snglGramrSec .tabQuizResult .tabQzRsltList li span {
		font-size: 30px;
	}

	#snglGramrSec .tabQuizResult .tabQzRsltList li small {
		font-size: 12px;
	}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU span,
	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn span {
		font-size: 18px;
	}

	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyEDU small,
	#snglGramrArtcl .GrmrStkyList1 .GrmrStkyDurtn small {
		font-size: 11px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child .GrmrLiTitle,
	#snglGramrArtcl .snglGramrBox .GrmrStkyList2 li:first-child span {
		font-size: 12px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv small {
		font-size: 13px;
		width: 30px;
		height: 30px;
	}

	#snglGramrArtcl .snglGramrBox .GrmrLiTitlDiv .GrmrLiPrice {
		font-size: 21px;
	}

	#snglGramrSec .snglGrmrVideoBx .snglGrmrVideo {
		height: 250px;
		width: 100%;
	}

	#snglGramrSec .tabCOMMENTSBx .tabCommentsLi {
		flex-direction: column;
	}

	#snglGramrSec .tabCommentsLi .tbCommntsCntnt {
		width: 100%;
	}

	#snglGramrSec .tabCOMMENTSBx .tabCmmntsMore {
		width: 100%;
	}

	#snglGramrSec .tabVideoCntnt .TabVideoBox {
		height: 250px;
	}

	#snglGramrSec .grmrTabBox .tabVidPreReq li,
	#snglGramrSec .grmrTabBox .tabVidComplet li {
		flex-wrap: wrap;
	}

	#snglGramrSec .tabVidPreReq li .tabVidPReqTime,
	#snglGramrSec .tabVidComplet li .tabVidPReqTime {
		margin-top: 10px;
		margin-bottom: 10px;
		min-width: 103px;
	}

	#snglGramrSec .tabVidPreReq li .tabVidPReqTtl,
	#snglGramrSec .tabVidComplet li .tabVidPReqTtl {
		min-width: 150px;
	}

	#snglGramrSec .grmrTabBox .tabVidPreReq .VideoBuyLnk,
	#snglGramrSec .grmrTabBox .tabVidComplet .VideoBuyLnk {
		height: 43px;
		width: 130px;
	}

	#snglGramrSec .tabVidAcord .VideoBuyLnk {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#snglGramrSec .tabVidAcord .tabVidFeeBox {
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#grmrLstTabBox .coursTabTitle {
		font-size: 25px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch button {
		width: 56px;
	}

	#grmmrSrchSec .grmrLstSrchBox .grmmrListSrch input {
		width: calc(100% - 60px);
	}

	#srchResultSec .CoursTabCrds .CoursTbCrd {
		width: 98.9%;
		margin-left: auto;
		margin-right: auto;
	}

	#BlgPostSec .blgCMMENTSBx .BlgCmmntsMore {
		width: 94%;
	}

	#BlgPostSec .blgCMMENTSBx .blgCmmntsLi {
		flex-direction: column;
	}

	#BlgPostSec .BlgPostBox .blgPostBotm {
		flex-direction: column;
		align-items: flex-start;
	}

	#BlgPostSec .BlgPostBox .blgPstAuthor {
		margin-bottom: 15px;
	}

	#BlgPostSec .BlgPostBox .postDwnldLnk {
		margin-left: 0;
	}

	#BlgPostSec .BlgPostBox .blgPostInfos .blgPostTag {
		margin-right: 10px;
	}

	#BlgPostSec .blgPostTtleBx .blgPostInfos div.stars {
		margin-left: 0;
	}

	#BlgPostSec .blgPostTtleBx .blgPostInfos .stars span {
		font-size: 22px;
	}

	#BlgPostSec .blgCMMENTSBx .blgCmmntsLi .blgCmmntCntnt {
		width: 100%;
	}

	#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcTime p {
		font-size: 10px;
	}

	#cntctUsSec .cntctUsInfos .customrSrvcTxt .cstmrSrvcPhon {
		font-size: 21px;
	}

	#periodSec .joinPeriodBx .joinPeriod span {
		width: 100%;
	}

	#periodSec .joinPeriodBx .joinPeriod a {
		width: 90%;
	}

	#RegisterFlotBx .RegisterFloat .RgsterFloatDiv div span {
		display: none;
	}

	#RegisterFlotBx .RegisterFloat .RgsterFloatDiv img {
		margin-right: 2px;
	}

	#RegisterFlotBx .RegisterFloat a {
		font-size: 13px;
		width: 105px;
	}

	#frmWizardSec .form-container .frmStpPrev,
	#frmWizardSec .form-container .frmStpNext {
		width: 100%;
		font-size: 20px;
		height: 60px;
	}

	#frmWizardSec .AvailblTrmsBx .chckBoxList .selectChkBx1 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#frmWizardSec .AvalblTrmMnu .ViewPeriodBx {
		flex-direction: column;
		height: max-content;
		padding: 15px 10px;
	}

		#frmWizardSec .AvalblTrmMnu .ViewPeriodBx h6 {
			width: 100%;
			margin: 12px;
			text-align: center;
		}

	.indexPage .tabBox .tabcontent {
		padding: 50px 5px 30px 5px;
	}

	.tabSection .tab-content {
		padding: 30px 5px 30px 5px;
	}

	#PpularGrmmrSec .PpulrGrmmrSlidr .popGrmrCard,
	#PpularSaleSec .PpularSaleSlidr .popGrmrCard {
		filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.08));
	}

	#blgPplrSalSec .blgPplrSalSwpr .blgPplrSalCrd,
	#blgPpulrSec .blgPpulrSwpr .blogPpulrCrd {
		filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.08));
	}

	#AboutUsSec .AboutUsReel {
		width: 180px;
		height: 95px;
	}

		#AboutUsSec .AboutUsReel img {
			width: 125px;
			height: 41px;
		}

		#AboutUsSec .AboutUsReel p {
			width: 125px;
		}

	#QAboutSec .NotAnswerBx {
		padding: 25px 10px;
	}

		#QAboutSec .NotAnswerBx .AnswerItems {
			flex-direction: column;
		}

			#QAboutSec .NotAnswerBx .AnswerItems div {
				width: 100%;
			}

				#QAboutSec .NotAnswerBx .AnswerItems div:first-child {
					border-left: none;
					border-bottom: 1px solid #fff;
					padding-bottom: 15px;
					margin-bottom: 15px;
				}

	#carerPgSec .carerPgTitl {
		flex-direction: column;
		justify-content: flex-start;
	}

		#carerPgSec .carerPgTitl p {
			width: 100%;
			justify-content: flex-start;
			margin-top: 10px;
		}

	#loginPagSec .restPassTxt {
		width: 100%;
	}

	#strtTodaySec .strtTodayBx .strtTdayLft {
		padding: 30px 20px;
	}

	#strtTodaySec .strtTdayLft .strtTdayTitl span {
		margin-left: 0;
	}
}



/********************views*********************/
.tabHederLnks a {
	transition: all 0.6s;
}

	.tabHederLnks a:hover,
	#srchResultSec .tabHederLnks a:hover,
	#grmrLstTabBox .tabHederLnks a:hover {
		opacity: 1;
		background: #080F5B;
		color: #fff;
	}

	.tabHederLnks a.viewed,
	#srchResultSec .tabHederLnks a.viewed,
	#grmrLstTabBox .tabHederLnks a.viewed {
		background: #080F5B;
		color: #fff;
	}

.CoursTabCrds.listViwCrds {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

#srchResultSec .CoursTabCrds .CoursTbCrd.listViwCrd,
#grmrLstTabBox .CoursTabCrds .CoursTbCrd.listViwCrd,
.addedToCard.listViwCrd {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-left: 0;
	margin-right: 0;
	position: relative;
}

.CoursTabCrds .CoursTbCrd a.CoursTbCrdLnk.listViwLink {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%
}

.listViwCrd .CoursCrdTitle .CursCrdTtlPrg {
	width: 100%;
}

.listViwCrd .CoursCrdTags {
	margin-bottom: 0px;
}

.listViwCrd .crsCrdBdyTxt {
	display: block;
	margin-bottom: 10px;
}

.listViwCrd.addedToCard .CoursCrdTitle .CursCrdTtlDiv .discntAmntBx,
.listViwCrd.addedToCard .CoursCrdTitle .CursCrdTtlDiv small {
	font-size: 14px;
	width: 31px;
	height: 28px;
	margin-top: 4px;
	margin-bottom: 1px;
}

.CoursTbCrd.listViwCrd .CoursCrdImg {
	width: 293px;
	border-radius: 0 10px 10px 0;
}

.CoursTbCrd.listViwCrd .image_parent,
.CoursTbCrd.listViwCrd .image_inner,
.CoursTbCrd.listViwCrd .image_inner img {
	border-radius: 0 10px 10px 0;
}

.CoursTbCrd.listViwCrd .CoursCrdBdy {
	width: calc(100% - 293px);
	padding: 10px 15px 7px 15px;
}

.CoursTbCrd.listViwCrd .CoursCrdBtns {
	margin-top: 15px;
	padding: 0;
	width: 257px;
	position: absolute;
	bottom: 2px;
	left: 10px;
}

.CoursTbCrd.TbCrdHavLnk.listViwCrd .CoursCrdBtns a {
	width: 100%;
	font-size: 13px;
	height: 44.5px;
}

#srchResultSec .CoursTbCrd.listViwCrd .CoursCrdTitle .CursCrdTtlPrg {
	width: 100%;
}

.CoursTbCrd.listViwCrd .CoursCrdTitle .CursCrdTtlDiv {
	min-width: 84px;
}

.btnfilter {
	font-family: 'IRANSansMedium';
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #0D19A3;
	background-color: #fff;
	height: 47px;
	width: 100%;
	border: 1px solid #0D19A3;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all 0.6s;
}

	.btnfilter:hover {
		background-color: #0D19A3;
		color: #fff;
	}

.foo {
	background: #74e800;
}

.tabcontent.activemsg {
	display: block;
}


/*//////////////////////////////////////*/ /**/
.min-width263 {
	min-width: 263.51px;
}

.margin-bottom75 {
	margin-bottom: 75px;
}

.captcha-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.captcha-img {
	height: 45px;
	width: auto;
	border: 1px solid #ccc;
	border-radius: 4px;
	flex-shrink: 0;
}

.captcha-input {
	height: 45px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	flex: 1 1 200px;
	min-width: 0;
}

.captcha-submit {
	height: 45px;
	padding: 0 20px;
	border: none;
	background-color: #007bff;
	color: white;
	border-radius: 4px;
	flex-shrink: 0;
	cursor: pointer;
}

.errorlogin {
	color: #dc3545; /* قرمز Bootstrap */
	background-color: #f8d7da;
	border: 1px solid #f5c2c7;
	padding: 10px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 6px;
	font-size: 14px;
	display: block;
	text-align: center;
}
