@charset "utf-8";

body {
	overflow-x: hidden;
	width: 100%;
}

html,
body {
	overflow-x: hidden !important;
}

:root {
	--green-color: #56898d;
	--baby-green-color: rgba(30, 125, 145, 0.05);
	--baby-green-color2: rgba(30, 125, 145, 0.8);
	--gold-color: #b3a280;
	--baby-gold-color: rgba(193, 141, 66, 0.05);
	--grey-f5: #f5f5f5;
	--grey-60: #606060;
	--body-fonts: 'Montserrat-Arabic' !important;
	--font-12: 12px;
	--font-14: 3vw;
	--font-16: 3.2vw;
	--font-18: 3.5vw;
	--font-20: 4vw;
	--font-22: 4.5vw;
	--font-24: 5vw;
	--font-26: 6vw;
	--font-28: 6.5vw;
	--font-30: 7vw;
	--font-32: 7.5vw;
	;
	--white: #fff;
	--black: #000;
	--gradient: background-image: linear-gradient(to right bottom, #c18d42, #889445, #4f9262, #178a81, #1e7d91);
}

.center {
	width: 90%;
	margin: 0px auto;
}

.mobile-header {
	display: block;
}

.menu-slide {
	display: block;
}

.header {
	display: none;
}

.logo a img {
	height: auto;
}

.two-button ul li a {
	min-width: 40px;
	min-height: 38px;
}

.top-block ul li:nth-child(1) {
	width: 100%;
	margin-bottom: 30px;
}

.top-block ul li:nth-child(2) {
	width: 100%;
}

.category ul li {
	width: 48%;
	margin-left: 4%;
	margin-top: 15px;
}

.category ul li a {
	background-color: var(--baby-gold-color);
	width: 100%;
	height: 200px;
}

.category ul li:nth-child(2n) {
	margin-left: 0px;
}

.category ul li:nth-child(-n + 2) {
	margin-top: 0px;
}

.book-block {
	width: 48%;
	margin-left: 4%;
	margin-top: 15px !important;
}

.book-block:nth-child(2n) {
	margin-left: 0px;
}

.book-block:nth-child(-n + 2) {
	margin-top: 0px !important;
}

.Lecture-block {
	width: 48%;
	margin-left: 4%;
	margin-top: 15px !important;
}

.Lecture-block:nth-child(2n) {
	margin-left: 0px;
}

.Lecture-block:nth-child(-n + 2) {
	margin-top: 0px !important;
}

.sermons-block {
	width: 100%;
	margin-left: 0px;
}

.all-sermons .sermons-block:nth-child(2),
.all-sermons .sermons-block:nth-child(3) {
	margin-top: 30px;
}

.articles ul li {
	width: 100%;
	margin-left: 0px;
}

.articles ul li:nth-child(2),
.articles ul li:nth-child(3) {
	margin-top: 15px;
}

.right-footer {
	width: 100%;
}

.name-footer img {
	height: 85px;
}

.center-footer {
	width: 100%;
	margin-top: 20px;
}

.left-footer {
	width: 100%;
}

.all-lessons .lesson-block {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.all-lessons .lesson-block:nth-child(2),
.all-lessons .lesson-block:nth-child(3),
.all-lessons .lesson-block:nth-child(4) {
	margin-top: 20px;

}

.book-block,
.lesson-block,
.sermons-block,
.Lecture-block {
	padding: 15px;
}

.book-blocks .book-block:nth-child(5n) {
	margin-left: 4%;
}

.book-blocks .book-block:nth-child(2n) {
	margin-left: 0px !important;
}

.lecture-blocks .Lecture-block:nth-child(5n) {
	margin-left: 4%;
}

.lecture-blocks .Lecture-block:nth-child(2n) {
	margin-left: 0px !important;
}

.right-side {
	margin-left: 0px;
	width: 100%;
	margin-bottom: 30px;
}

.article-video iframe {
	width: 80%;
	height: 325px;
}

.range,
.range-volume {
	width: 40%;
}

.aWrap input[type="range"] {
	width: 100%;
}

input.aVolume {
	width: 100% !important;
}

.aCron {
	display: flex;
}

.volume-container {
	width: 30%;
}

.article-details {
	padding: 15px;
}

.article-details .social {
	margin-top: 20px;
}

.left-side .Lecture-block {
	width: 48%;
}

.all-lecture .Lecture-block:nth-child(5n) {
	margin-left: 4% !important;
}

.all-lecture .Lecture-block:nth-child(2n) {
	margin-left: 0 !important;
}

.line-book {
	margin-top: 15px;
}

.registration ul li {
	margin-left: 0px;
}

.registration ul li:nth-child(-n+6) {
	width: 100%;
}

.iti {
	width: 100%;
}

.inner-log,
.inner-log form,
.inner-log .log-form {
	width: 100%;
}

.registration {
	width: 100%;
}

.top-about ul li {
	width: 100%;
}

.top-about ul li:nth-child(1) {
	margin-bottom: 30px;
}

.about-desk ul li:nth-child(1) {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.about-desk ul li:nth-child(2) {
	width: 100%;
}

.learning {
	width: 100%;
}

.one-numbers {
	width: 48%;
	margin-left: 4%;
	text-align: center;
	margin-bottom: 20px;
}

.one-numbers:nth-child(2n) {
	margin-left: 0px;
}

.text-number h3 {
	font-size: 14vw;
	text-align: center;
}

.swiper-slide .book-block {
	width: 100%;
	margin-left: 0px;
}

.swiper-slide .book-block:nth-child(2) {
	margin-top: 15px !important;
}

.swiper-slide .book-block:nth-child(5n) {
	margin-left: 0px;
}

.image-user {
	width: 80px;
	height: 80px;
}

.image-user img {
	height: 30px;
}

.notification a svg {
	height: 18px;
	fill: var(--grey-60);
}

.section-inner {
	padding-bottom: 30px;
	padding-top: 30px;
}

.user-row {
	position: relative;
	bottom: 0px;
}

.user-left {
	margin-top: 20px;
}

.menu-user ul {
	justify-content: center;
	align-content: center;
	align-items: center;
}

.menu-user ul li {
	margin-top: 20px;
}

.block-icon svg {
	height: 25px;
	fill: var(--white);
}

.right-user {
	width: 100%;
	margin-left: 0px;
}

.left-user {
	width: 100%;
	margin-top: 30px;
}

.left-user ul li {
	text-align: center;
	width: 100%;
	margin-left: 0px;
}

.left-user ul li:nth-child(2),
.left-user ul li:nth-child(3) {
	margin-top: 30px;
}

.left-courses {
	width: 100%;
	margin-top: 30px;
}

.left-courses ul li {
	text-align: center;
	width: 100%;
	margin-left: 0px;
}

.left-courses ul li:nth-child(3),
.left-courses ul li:nth-child(2) {
	margin-top: 30px;
}

.course-icon {
	width: 60px;
	height: 60px;
}

.course-icon svg {
	height: 32px;
	fill: var(--white);
}

.all-user {
	align-content: flex-start;
	align-items: flex-start;
}

.user-edit {
	width: 100%;
	margin-top: 30px;
}

.user-edit2 {
	width: 100%;
	margin-top: 30px;
}

.user-edit2 ul li {
	width: 100% !important;
}

.with-b {
	border: 1px solid var(--green-color);
}

.right-filter {
	width: 100%;
}

.right-filter .repeat-check label:before {
	background-color: #f7f7f7;
}

.registration2 {
	width: 100%;
}

.registration2 ul li {
	width: 100%;
}

.form2 {
	width: 100%;
}

.registration2 ul {
	width: 100%;
}

.area-form {
	width: 100%;
}

.noti-blocks ul li {
	padding: 15px;
}

.right-inside {
	width: 100%;
	margin-left: 0px;
	margin-bottom: 30px;
}

.panel-two-blocks ul li {
	width: 100%;
	margin-left: 0px;
}

.panel-two-blocks ul li:nth-child(2),
.panel-two-blocks ul li:nth-child(3) {
	margin-top: 30px;
}

.rating ul {
	justify-content: center;
}

.rating ul li {
	width: 48%;
	margin-left: 4%;
	margin-top: 4%;
}

.rating ul li:nth-child(1),
.rating ul li:nth-child(2) {
	margin-top: 0px;
}

.rating ul li:nth-child(2n) {
	margin-left: 0px;
}

.discuss {
	width: 100%;
	border: 1px solid #d1d1d1;
	margin: 50px auto 0px auto;
	padding: 10px;
}

.discuss .all-discusses {
	height: 400px;
	padding-left: 10px;
}

.all-contact {
	width: 100%;
	margin: auto;
}

.levels-right {
	width: 100%;
	margin-bottom: 30px;
	margin-left: 0px;
}

.levels-left {
	width: 100%;
}

.level-steps .answer {
	width: 100%;
}

.level-steps .answer li {
	width: 100%;
}

.level-steps .answer-label {
	width: 70%;
}

.levels-left2 {

	width: 100%;
}

.article-image iframe {
	width: 100%;
	height: 220px;
}

.small-one {
	width: 100%;
	float: none;
}

.buttons-d {
	margin-left: 10px;
}

.inner-overlay-pop {
	height: auto;
	width: 90%;
}

.another-courses ul li {
	margin-left: 0px;
	width: 100%;
}

.another-courses ul li:nth-child(2),
.another-courses ul li:nth-child(3),
.another-courses ul li:nth-child(4) {
	margin-top: 0px;
	margin-top: 30px;
}

.articles .article-video iframe {
	height: 200px;
}

.left-side .lecture-blocks .Lecture-block:nth-child(5) {
	margin-top: 15px !important;
	margin-left: 4%;
}

.logo-footer a img {
	height: 50px;
}

.wrap {
	width: 100%;
	margin-top: 15px;
	margin-left: 0px;
}