@charset "utf-8";
@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Bold.eot');
    src: url('../Fonts/Montserrat-Arabic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-Bold.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-Bold.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-Bold.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-Bold.svg#Montserrat-Arabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Black.eot');
    src: url('../Fonts/Montserrat-Arabic-Black.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-Black.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-Black.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-Black.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-Black.svg#Montserrat-Arabic-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-ExtraBold.eot');
    src: url('../Fonts/Montserrat-Arabic-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-ExtraBold.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-ExtraBold.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-ExtraBold.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-ExtraBold.svg#Montserrat-Arabic-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-ExtraLight.eot');
    src: url('../Fonts/Montserrat-Arabic-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-ExtraLight.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-ExtraLight.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-ExtraLight.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-ExtraLight.svg#Montserrat-Arabic-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Light.eot');
    src: url('../Fonts/Montserrat-Arabic-Light.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-Light.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-Light.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-Light.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-Light.svg#Montserrat-Arabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Medium.eot');
    src: url('../Fonts/Montserrat-Arabic-Medium.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-Medium.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-Medium.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-Medium.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-Medium.svg#Montserrat-Arabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Regular.eot');
    src: url('../Fonts/Montserrat-Arabic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-Regular.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-Regular.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-Regular.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-Regular.svg#Montserrat-Arabic-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-SemiBold.eot');
    src: url('../Fonts/Montserrat-Arabic-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-SemiBold.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-SemiBold.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-SemiBold.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-SemiBold.svg#Montserrat-Arabic-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Arabic';
    src: url('../Fonts/Montserrat-Arabic-Thin.eot');
    src: url('../Fonts/Montserrat-Arabic-Thin.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Montserrat-Arabic-Thin.woff2') format('woff2'),
        url('../Fonts/Montserrat-Arabic-Thin.woff') format('woff'),
        url('../Fonts/Montserrat-Arabic-Thin.ttf') format('truetype'),
        url('../Fonts/Montserrat-Arabic-Thin.svg#Montserrat-Arabic-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

*
{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:root 
{
	--green-color: #aa8c3f;
	--baby-green-color: rgb(237 226 169 / 15%);
	--baby-green-color2: rgba(34, 104, 135, 0.8);
	--gold-color: #0e693a;
	--baby-gold-color: rgb(84 163 98 / 11%);
	--grey-f5: #f5f5f5;
	--grey-60: #606060;
  	--body-fonts: 'Montserrat-Arabic' !important;
	--font-12: 12px;
	--font-14: 14px;
	--font-16: 16px;
	--font-18: 18px;
	--font-20: 20px;
	--font-22: 22px;
	--font-24: 24px;
	--font-26: 26px;
	--font-28: 28px;
	--font-30: 30px;
	--font-32: 32px;
	--white: #fff;
	--black: #000;
	--gradient: background-image: linear-gradient(to right bottom, #c18d42, #889445, #4f9262, #178a81, #1e7d91);
}
body
{
	  margin: 0;
	padding: 0;
	width:100%;
	direction:rtl;
	font-family: var(--body-fonts);
	 -webkit-font-feature-settings: 'lnum';
    font-feature-settings: 'lnum';
    font-variant-numeric: lining-nums;
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    text-rendering: optimizelegibility;
	outline: none;
	background-color: #fff;
	overflow-x: hidden;
	font-size: 16px;
	color: #000;
}
img
{
	border:0px;
	display:block;
}
img::before {
  display: block;
  content: '';
}
ul
{
	list-style:none;
}
a
{
	text-decoration:none;
	display: block;
	color: #000;
}
h1,h2,h3,h4,h5,h6
{
	font-family: var(--body-fonts) !important;
}
p
{
	font-family: var(--body-fonts) !important;
}
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
select,button,
input[type="submit"] {
     -webkit-appearance: none;
	 -moz-appearance: none;
    appearance: none;
	 box-shadow: none !important;
	font-family: var(--body-fonts) !important;
}
#toTop 
{
    display:none;
	text-decoration:none;
	position:fixed;
	bottom: 17px;
    right: 17px;
    overflow: hidden;
    width: 50px;
	padding: 0px 5px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none;
    background:url("../Images/up-chevron-svgrepo-com.png") #958063 no-repeat center;
	background-size: 18px;
    z-index: 9;
    color: #fff;
    font-weight: 100;
	font-weight: 400;
	font-size: 14px;
	border-radius:100%;
	opacity: 0.7;
}
.center
{
	width: 1200px;
	margin: 0px auto;
}
.flex
{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.center-flex
{
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}
.flex-start
{
	justify-content: flex-start;
}
.flex-end
{
	justify-content: flex-end;
}
.space-between
{
	justify-content: space-between;
}
.flex-center
{
	justify-content: center;
}
.flex-colum
{
	flex-direction: column;
}
.time
{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

/**/
.m-5
{
	margin: 5px;
}
.m-10
{
	margin: 10px;
}
.m-15
{
	margin: 15px;
}
.m-20
{
	margin: 20px;
}
.m-30
{
	margin: 30px;
}
.m-50
{
	margin-bottom: 50px;
}
/**/
.m-r-5
{
	margin-right: 5px;
}
.m-r-10
{
	margin-right: 10px;
}
.m-r-15
{
	margin-right: 15px;
}
.m-r-20
{
	margin-right: 20px;
}
.m-r-30
{
	margin-right: 30px;
}
.m-r-50
{
	margin-right: 50px;
}

/**/
.m-l-5
{
	margin-left: 5px;
}
.m-l-10
{
	margin-left: 10px;
}
.m-l-15
{
	margin-left: 15px;
}
.m-l-20
{
	margin-left: 20px;
}
.m-l-30
{
	margin-left: 30px;
}
.m-l-50
{
	margin-left: 50px;
}
/**/
.m-t-5
{
	margin-top: 5px;
}
.m-t-10
{
	margin-top: 10px;
}
.m-t-15
{
	margin-top: 15px;
}
.m-t-20
{
	margin-top: 20px;
}
.m-t-30
{
	margin-top: 30px;
}
.m-t-50
{
	margin-top: 50px;
}
/**/
.m-b-5
{
	margin-bottom: 5px;
}
.m-b-10
{
	margin-bottom: 10px;
}
.m-b-15
{
	margin-bottom: 15px;
}
.m-b-20
{
	margin-bottom: 20px;
}
.m-b-30
{
	margin-bottom: 30px;
}
.m-b-50
{
	margin-bottom: 50px;
}
/**/
.p-5
{
	padding: 5px;
}
.p-10
{
	padding: 10px;
}
.p-15
{
	padding: 15px;
}
.p-20
{
	padding: 20px;
}
.p-30
{
	padding: 30px;
}

/**/
.p-r-5
{
	padding-right: 5px;
}
.p-r-10
{
	padding-right: 10px;
}
.p-r-15
{
	padding-right: 15px;
}
.p-r-20
{
	padding-right: 20px;
}
.p-r-30
{
	padding-right: 30px;
}

/**/
.p-l-5
{
	padding-left: 5px;
}
.p-l-10
{
	padding-left: 10px;
}
.p-l-15
{
	padding-left: 15px;
}
.p-l-20
{
	padding-left: 20px;
}
.p-l-30
{
	padding-left: 30px;
}

/**/
.p-t-5
{
	padding-top: 5px;
}
.p-t-10
{
	padding-top: 10px;
}
.p-t-15
{
	padding-top: 15px;
}
.p-t-20
{
	padding-top: 20px;
}
.p-t-30
{
	padding-top: 30px;
}
.p-t-50
{
	padding-top: 50px;
}

/**/
.p-b-5
{
	padding-bottom: 5px;
}
.p-b-10
{
	padding-bottom: 10px;
}
.p-b-15
{
	padding-bottom: 15px;
}
.p-b-20
{
	padding-bottom: 20px;
}
.p-b-30
{
	padding-bottom: 30px;
}
.p-b-50
{
	padding-bottom: 50px;
}
/**/
.font-12
{
	font-size: var(--font-12);
}
.font-14
{
	font-size: var(--font-14);
}
.font-16
{
	font-size: var(--font-16);
}
.font-18
{
	font-size: var(--font-18);
}
.font-20
{
	font-size: var(--font-20);
}
.font-22
{
	font-size: var(--font-22);
}
.font-24
{
	font-size: var(--font-24);
}
.font-26
{
	font-size: var(--font-26);
}
.font-28
{
	font-size: var(--font-28);
}
.font-30
{
	font-size: var(--font-30);
}
.font-32
{
	font-size: var(--font-32);
}
/**/
.weight-500
{
	font-weight: 500;
}
.weight-600
{
	font-weight: 600;
}
.weight-700
{
	font-weight: 700;
}
.weight-800
{
	font-weight: 800;
}
.weight-900
{
	font-weight: 900;
}
/**/
.raduis-5
{
	border-radius: 5px;
}
.raduis-10
{
	border-radius: 10px;
}
.raduis-15
{
	border-radius: 15px;
}
.raduis-20
{
	border-radius: 20px;
}
.raduis-30
{
	border-radius: 30px;
}
/**/
.time
{
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.gold-color
{
	color:  var(--gold-color);
}
.green-color
{
	color:  var(--green-color);
}
.white-color
{
	color: var(--white);
}
.black-color
{
	color: var(--black);
}
.grey-color-f5
{
	color: var(--grey-f5);
}
.grey-color-60
{
	color: var(--grey-60);
}
.white-bg
{
	background-color: var(--white);
}
.gold-bg
{
	background-color: var(--gold-color);
}
.baby-gold-bg
{
	background-color: var(--baby-gold-color);
}
.green-bg
{
	background-color: var(--green-color);
}
.baby-green-bg
{
	background-color: var(--baby-green-color);
}
.black-bg
{
	background-color: var(--black);
}
.grey-bg-f5
{
	background-color: var(--grey-f5);
}
.grey-bg-60
{
	background-color: var(--grey-60);
}

.section
{
	padding: 50px 0px;
}
.active
{
	opacity: 0;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.active:before
{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: -15px;
	opacity: 1;
}
nav ul li a:before
{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: -15px;
	opacity: 0;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
nav ul li
{
	position: relative;
}
nav ul li a.active
{
	opacity: 1 !important;
}

nav ul li a:hover:before
{
	opacity: 1;
}
.mobile-header
{
	display: none;
}
.menu-slide
{
	display: none;
}
/*Menu*/
.responsive-nav-icon 
{
    display: block;
    z-index: 1;
    float: left;
}
.responsive-nav-icon::before 
{
    font-family: 'Icons';
    font-size: 5vw;
    text-align: center;
    display: block;
    content: "\f0c9";
    color: #fff;
}
.anime-menu
{
	right:0px !important;
	width:220px !important;
	visibility:visible;
	z-index: 99999999999;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu-slide
{
	position:fixed;
	width:220px;
	padding: 1.5rem;
	height:100%;
	background-color:var(--green-color);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top:0px;
	right:-220px;
	display:block;
	z-index: 99999999999999999999999999999999999999999999999;
}
.over-lay
{
	width:100%;
	height:100%;
	background-image: linear-gradient(to bottom right,#000,#010101);
	opacity:.8;
	top:0px;
	left:0px;
	position:absolute;
	display:none;
	z-index: 9999999999;
		-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.close-menu {
	position: relative;
	margin-bottom: 5%;
	border-radius: 100%;
	height: 5vw;
}
.top-menu-slide
{
	margin-bottom: 5%;
}
.close:hover {
  opacity: 1;
}
.close-menu:before, .close-menu:after {
  position: absolute;
      left: 3.8vw;
    top: 1.5vw;
  content: ' ';
  height: 5vw;
  width: 2px;
  background-color: #fff;
	display: block;
}
.close-menu:before {
  transform: rotate(45deg);
}
.close-menu:after {
  transform: rotate(-45deg);
}
.menu-icon a
{
	position: relative;
	width: 30px;
	height: 30px;
}
.lines {
    display: block;
    background-color: var(--green-color);
    width: 30px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.lines:before {
    background-color:var(--green-color);
    width: 15px;
    height: 2px;
    border-radius: 5px;
    content: "";
    position: absolute;
    left: 0px;
    top: -8px;
}
.lines:after {
    background-color: var(--green-color);
    width: 15px;
    height: 2px;
    border-radius: 5px;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -8px;
}
.header
{
	-webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.06);
    box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.06);
    background-color: var(--white);
    position: relative;
}
.bottom-header
{
	border-top: 1px solid #f1f1f1;
	background-color: rgba(84 163 98 / 11%);
}
.logo a img
{
	height: 100px;
}
.name img
{
	height: 100px;
}
.social ul li a
{
	width: 35px;
	height: 35px;
	border-radius: 100%;
}
.social ul li a:hover
{
	background-color: var(--gold-color);
}
.social ul li a svg
{
	fill:var(--white);
	height: 14px;
}
.social ul li:last-child
{
	margin-left: 0px;
}
.two-button ul li a svg
{
	fill:var(--white);
	height: 14px;
}
.two-button ul li a
{
	min-width: 120px;
	min-height: 38px;
}
.two-button ul li a:hover
{
	opacity: 0.8;
}
.nav ul li:last-child
{
	margin-left: 0px;
}
.nav ul li a:before
{
	content: "";
	width: 0px;
	height: 3px;
	background-color: var(--green-color);
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
.nav ul li a
{
	position: relative;
}
.nav ul li a:hover:before
{
	width: 100%;
}
.nav ul li a:hover
{
	color: var(--green-color);
}
.nav ul li a.active-menu:before
{
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--green-color);
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.top-footer
{
	border-bottom: 1px solid #fff;
	align-items: flex-start
}
.right-footer
{
	width: 30%;
}
.desk-footer
{
	line-height: 24px;
}
.center-footer
{
	width: 30%;
}
.left-footer
{
	width: 30%;
}
.name-footer img
{
	height: 200px;
}
.center-footer ul li
{
	flex: 50%;
}
.btn-sub svg
{
	fill: var(--gold-color);
	height: 30px;
}
.btn-sub
{
	border:0px;
	background-color: transparent;
	cursor: pointer;
	height: 30px;
}
.text-sub
{
	border: 0px;
	outline: 0px;
}
.left-footer .social ul li a svg
{
	fill:var(--green-color);
	height: 14px;
}
.logo-footer a img
{
	height: 80px;
}
.bg-section
{
	background: url("../Images/bg.png") no-repeat center;
	background-size: cover;
}
.top-block ul li:nth-child(1)
{
	width: 60%;
}
.top-block ul li:nth-child(2)
{
	width: 35%;
}
.link-top-block a
{
	display: inline-block;
}
.desk-top-block p
{
	line-height: 24px;
}
.image-top-block a img
{
	width: 120px;
}
.link-top-block a:hover
{
	background-color: var(--gold-color);
}
.top-form
{
	background: url("../Images/bg-form.png") no-repeat center;
	background-size: cover;
	position: relative
}
.top-form:before
{
	content: "";
	background: var(--baby-green-color2);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.title-top-form svg
{
	fill:var(--gold-color);
	height: 40px;
}
.inner-form
{
	position: relative;
	width: 100%;
}
.top-block .log-form ul li
{
	width: 100%;
}
.text-log
{
	border: 0px;
	outline: none;
	background-color: #fff;
	width: calc(100% - 30px)
}
.all-text-log
{
	background-color: #fff;
	width: 100%;
}
.all-text-log svg
{
	fill:#DADADA;
	height: 18px;
}
.log-form ul li span
{
	display: block;
}
.repeat-check input[type="radio"] {
    visibility: hidden;
    display: none;
}
.repeat-check label {
    display: block;
    cursor: pointer;
}
.repeat-check label:before {
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    font-size: 10px;
    line-height: 20px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 100px;

}
.repeat-check p {
    padding-right: 25px;
}
.repeat-check label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 3px;
    right: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 8px;
}
.repeat-check input[type="radio"]:checked + label:before {
    background-color: var(--gold-color);
}
.repeat-check input[type="radio"]:checked + label:after {
    opacity: 1;
}
.repeat-check {
    cursor: pointer;
    position: relative;
}
.btn-log
{
	cursor: pointer;
	border: 0px;
	outline: none;
}
.category ul li a:hover
{
	background-color: var(--gold-color);
	color: var(--white);
}
.category ul li a:hover span
{
	color: var(--white);
}
.category ul li a:hover img
{
	filter: brightness(0) invert(1);
}
.category ul li:nth-child(2n) a:hover
{
	background-color: var(--green-color);
	color: var(--white);
}

.category ul li a img
{
	height: 35px;
}
.category ul li a
{
	background-color: var(--baby-gold-color);
	width: 187px;
	height: 200px;
}
.category ul li:nth-child(2n) a
{
	background-color: var(--baby-green-color);
}
.category ul li:last-child
{
	margin-left: 0px;
}
.more-section svg
{
	fill: var(--gold-color);
	height: 12px;
}
.lesson-block
{
	background-color: var(--white);
	border: 1px solid #d3d3d3;
}
.block-icon
{
	width: 60px;
	height: 60px;
}
.block-icon img
{
	height: 25px;
	filter: brightness(0) invert(1);
}
.lesson-books ul li a:hover
{
	background-color: var(--green-color);
	color: var(--white);
}
.lesson-slider .swiper-slide:nth-child(2n) .lesson-block .block-icon
{
	background-color: var(--gold-color);
}
.lesson-next,.lesson-prev
{
	border-radius: 100%;
	background-color: var(--green-color);
	width: 36px !important;
	height: 36px !important;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.swiper-button-prev.lesson-prev.swiper-button-disabled
{
	background-color: var(--white) !important;
	border: 1px solid #DADADA !important;
	
}
.swiper-button-prev.lesson-prev.swiper-button-disabled:after
{
	color: var(--black) !important;
}
.lesson-next:after, .lesson-prev:after
{
	font-size: 14px !important;
	color: #fff !important;
	font-weight: 900;
}
.lesson-next:hover,.lesson-prev:hover
{
	background-color: var(--gold-color);
}
.lesson-next:hover:after, .lesson-prev:hover:after
{
	color: #fff !important;
}
.lesson-button
{
	position: absolute;
	top: 50%;
	left: 0px;
	z-index: 999999;
	transform: translateY(-50%);
	width: 100%;
}

.heart-next,.heart-prev
{
	border-radius: 100%;
	background-color: var(--green-color);
	width: 36px !important;
	height: 36px !important;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.swiper-button-prev.heart-prev.swiper-button-disabled
{
	background-color: var(--white) !important;
	border: 1px solid #DADADA !important;
	
}
.swiper-button-prev.heart-prev.swiper-button-disabled:after
{
	color: var(--black) !important;
}
.heart-next:after, .heart-prev:after
{
	font-size: 14px !important;
	color: #fff !important;
	font-weight: 900;
}
.heart-next:hover,.heart-prev:hover
{
	background-color: var(--gold-color);
}
.heart-next:hover:after, .heart-prev:hover:after
{
	color: #fff !important;
}
.heart-button
{
	position: absolute;
	top: 50%;
	left: 0px;
	z-index: 999999;
	transform: translateY(-50%);
	width: 100%;
}
.heart-slider .swiper-slide:nth-child(2n) .lesson-block .block-icon
{
	background-color: var(--gold-color);
}
.lesson-books
{
	min-height: 150px;
}
.book-block
{
	    background-color: var(--white);
    border: 1px solid #d3d3d3;
	width: 224px;
}
.book-block:nth-child(5n)
{
	margin-left: 0px;
}
.book-icon
{
	    width: 60px;
    height: 60px;
	background: url("../Images/icon5.png") no-repeat center center var(--baby-gold-color);
	background-size: 32px;
}
.book-block:nth-child(2n) .book-icon
{
	background: url("../Images/icon5-green.png") no-repeat center center var(--baby-green-color);
	background-size: 32px;
}
.views svg
{
	fill:var(--grey-60);
	height: 12px;
}
.down-book
{
	width: 100%;
}
.download-book svg
{
	fill:var(--grey-60);
	height: 14px;
}
.read-book svg
{
	fill:var(--grey-60);
	height: 14px;
}
.down-book
{
	border-top: 1px solid #d3d3d3;
}
.book-title h2
{
	min-height: 40px;
}
.big-more
{
	width: 220px;
}

.section-next,.section-prev
{
	border-radius: 100%;
	background-color: var(--green-color);
	width: 36px !important;
	height: 36px !important;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.swiper-button-prev.section-prev.swiper-button-disabled
{
	background-color: var(--white) !important;
	border: 1px solid #DADADA !important;
	
}
.swiper-button-prev.section-prev.swiper-button-disabled:after
{
	color: var(--black) !important;
}
.section-next:after, .section-prev:after
{
	font-size: 14px !important;
	color: #fff !important;
	font-weight: 900;
}
.section-next:hover,.section-prev:hover
{
	background-color: var(--gold-color);
}
.section-next:hover:after, .section-prev:hover:after
{
	color: #fff !important;
}
.section-button
{
	position: absolute;
	top: 50%;
	left: 0px;
	z-index: 999999;
	transform: translateY(-50%);
	width: 100%;
}

.Lecture-block
{
	    background-color: var(--white);
    border: 1px solid #d3d3d3;
	width: 224px;
	min-height: 250px;
}
.Lecture-block:nth-child(5n)
{
	margin-left: 0px;
}
.Lecture-icon
{
	    width: 60px;
    height: 60px;
	background: url("../Images/icon2-gold.png") no-repeat center center var(--baby-gold-color);
	background-size: 28px;
}
.Lecture-block:nth-child(2n) .Lecture-icon
{
	background: url("../Images/icon2.png") no-repeat center center var(--baby-green-color);
	background-size: 28px;
}
.down-Lecture svg
{
	fill:var(--grey-60);
	height: 14px;
	margin-left: 10px;
}
.down-Lecture svg:last-child
{
	margin-left: 0px;
}
.Lecture-blocks .more-section svg
{
	fill:var(--green-color);
}
.section-slider
{
	padding-bottom: 50px !important;
}
.swiper-pagination-bullet-active
{
	background-color: var(--green-color) !important;
	width: 40px !important;
	border-radius: 5px !important;
}
.sermons-block
{
	    background-color: var(--white);
    border: 1px solid #d3d3d3;
	width: 380px;
}
.sermons-icon
{
	    width: 130px;
    height: 90px;
	background: url("../Images/icon3.png") no-repeat center center var(--baby-gold-color);
	background-size: 32px;
}
.sermons-block:nth-child(2n) .sermons-icon
{
	background: url("../Images/icon3-green.png") no-repeat center center var(--baby-green-color);
	background-size: 32px;
}
.left-sermons
{
	width: calc(100% - 145px)
}
.down-sermons .more-section svg {
    fill: var(--green-color);
}
.sermons-block:nth-child(3n)
{
	margin-left: 0px;
}
.Lecture-title h2
{
	line-height: 24px;
}
.article-desk p
{
	line-height: 24px;
}
.date svg
{
	fill:var(--grey-60);
	height: 16px;
}
.down-details .more-section svg
{
	  fill: var(--green-color);
}
.articles ul li
{
	width: 380px;
	border: 1px solid #d3d3d3;
}
.articles ul li:nth-child(3n)
{
	margin-left: 0px;
}
.articles ul li:nth-child(-n+3)
{
	margin-top: 0px;
}
.down-details
{
	border-top: 1px solid #d3d3d3;
}
.bread-crumb ul li
{
	margin-left: 5px;
}
.bread-crumb ul li:last-child
{
	margin-left: 0px;
}
.bread-crumb ul li a:after
{
	    content: "";
	background: url("../Images/left-c.svg");
	margin-right: 5px;
	background-repeat: no-repeat;
	background-size: 5px;
	width: 6px;
	height: 9px;
	display: inline-block;
}
.bread-crumb ul li span
{
	display: block;
}
.all-lessons .lesson-block
{
	width: 280px;
}
.all-lessons .lesson-block:nth-child(-n+4)
{
	margin-top: 0px;
}
.all-lessons .lesson-block:nth-child(4n)
{
	margin-left: 0px;
}
.all-lessons .lesson-block:nth-child(2n) .block-icon {
    background-color: var(--gold-color);
}
.top-about ul li
{
	width: 50%;
}

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

	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	text-align: center;
    position: relative;
	    display: block;
}
.title-top-about:before {
    content: "";
    right: calc(-1200px + 100%);
    position: absolute;
    background-color: var(--green-color);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 100%;
}
.section.no-padding
{
	padding: 0px;
}
.about-desk ul li:nth-child(1)
{
	width: 20%;
}
.about-desk ul li:nth-child(2)
{
	width: 75%;
}
.learning-block 
{
	align-content: flex-end;
	align-items: flex-end;
}
.top-learning-block-icon
{
	width: 40px;
	height: 40px;
	border-radius: 100%;
}
.top-learning-block-icon svg
{
	fill:var(--white);
	height: 14px;
}
.line
{
	height: 100px;
	display: block;
	width: 1px;
}
.learning-block-icon
{
	width: 40px;
	
}
.learning-block-left
{
	width: calc(100% - 70px)
}
.learning
{
	width: 575px;
}
.year
{
	display: inline-block;
}
.one-numbers
{
	margin-left: 120px;
}
.one-numbers:last-child
{
	margin-left: 0px;
	
}
.text-number h3
{
	font-size: 60px;
	
}
.text-number span
{
	position: relative;
	padding-right: 50px;
}
.text-number span:before
{
	content: "";
	width: 40px;
	height: 1px;
	background-color: var(--grey-f5);
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.inner-ab .swiper-slide:nth-child(2n) .book-icon {
    background: url(../Images/icon5-green.png) no-repeat center center var(--baby-green-color);
    background-size: 32px;
}
.testmonial-block
{
    border: 1px solid #d3d3d3;
	position: relative;
}
.testmonial-icon
{
	position: absolute;
	top: -30px;
	right: 30px;
}
.testmonial-icon svg
{
	fill: var(--gold-color);
	height: 60px;
}
.swiper-slide:nth-child(2n) .testmonial-block .testmonial-icon svg
{
	fill: var(--green-color);
}
.swiper.testmonial-slider
{
	padding-top: 50px;
}
.testmonial-details p
{
	line-height: 22px;
}
.Lecture-icon-grey svg
{
	fill: var(--grey-60);
	height: 25px;
}
.Lecture-icon-grey {
    width: 60px;
    height: 60px;
}
.line-book svg
{
	fill: var(--grey-60);
    height: 14px;
}
.all-lecture .more-section svg {
    fill: var(--green-color);
}
.all-lecture .Lecture-block:nth-child(-n+5)
{
	margin-top: 0px;
}
.lecture-blocks .more-section svg {
    fill: var(--green-color);
}
.lecture-blocks .Lecture-block:nth-child(-n+5)
{
	margin-top: 0px;
}
.all-sermons .sermons-block:nth-child(-n+3)
{
	margin-top: 0px;
}
.book-blocks .book-block:nth-child(-n+5)
{
	margin-top: 0px;
}
.article-image
{
	width: 100%;
}
.article-image img
{
	width: 100%;
}
.article-details {
    width: 90%;
    margin: -50px auto 0px auto;
    position: relative;
}
.article-desk,.article-desk p
{
	color: var(--grey-60);
	font-size: var(--font-12);
}
.article-desk img
{
	margin: 15px 0px;
}
.article-desk a
{
	display: inline-block;
	margin-right: 5px;
	color: var(--green-color);
}
.articles ul li
{
	background-color: var(--white);
}
.right-side
{
	width:760px;
}
.left-side
{
	width: 410px;
}
.left-side .sermons-block:nth-child(2),.left-side .sermons-block:nth-child(3)
{
	margin-top: 30px;
}
.left-side .Lecture-block:nth-child(2n)
{
	margin-left: 0px;
}
.left-side .Lecture-block:nth-child(3),.left-side .Lecture-block:nth-child(4)
{
	margin-top: 20px;
}
.left-side .sermons-block
{
	width: 100%;
}
.left-side .Lecture-block
{
	width: 195px;
}
.article-video iframe
{
	width: 100%;
	height: 450px;
}

/* (A) MATERIAL ICONS */
.aWrap .svg-inline--fa {
  color: white !important;
}

/* (B) WRAPPER */
.aWrap {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* allow buttons to wrap into another row on small screens */
  /* flex-wrap: wrap; */
  width: 100%;
  padding: 15px 30px;
  margin: 5px 0;
  border-radius: 10px;
  background: black;
  gap: 1rem;
}

.aWrap,
.aWrap * {
  box-sizing: border-box;
	direction: ltr !important;
}

/* (C) PLAY/PAUSE BUTTON */
.aPlay {
  padding: 0;
  margin: 0;
  background: 0;
  border: 0;
  cursor: pointer;
}

/* (D) TIME */
.aCron {
  font-size: 14px;
  color: #cbcbcb;
  margin: 0 10px;
}

/* (E) RANGE SLIDERS */
/* (E1) HIDE DEFAULT */
.aWrap input[type="range"] {
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 150px;
  padding: 0;
  margin: 0;
  background: 0;
}

.range,
.range-volume {
  position: relative;
  display: flex;
  align-items: center;
}

.range input,
.range-volume input {
  position: relative;
  z-index: 1;
}

.range .change-range,
.range-volume .change-range {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 0px;
  background-color: rgb(187, 187, 187);
  border-radius: 10px 0 0 10px;
}

.range-volume .change-range {
  height: 10px;
  width: 95%;
}

.under-ranger {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 100%;
  background-color: rgb(63, 63, 63);
  border-radius: 10px;
}

.range-volume .under-ranger {
  height: 10px;
}

.aWrap input[type="range"]::-webkit-slider-thumb {
  appearance: none;
}

/* (E2) CUSTOM SLIDER TRACK */
.aWrap input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  height: 6px;
  border-radius: 10px;
}

/* (E3) CUSTOM SLIDER BUTTON */
.aWrap input[type="range"]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

.aWrap input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

/* (F) VOLUME */
.aVolIco {
  margin: 0 10px;
  cursor: pointer;
}

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

.aVolume::-webkit-slider-runnable-track {
  height: 10px !important;
}

.aVolume::-webkit-slider-thumb {
  margin-top: -3px !important;
}

.aVolume::-moz-range-thumb {
  margin-top: -3px !important;
}

.volume-container {
  display: flex;
  align-items: center;
}
.image-article img
{
	width: 100%;
}
.registration
{
	width: 530px;
	margin: auto;
}
.input-form
{
	border: 1px solid #d1d1d1;
	width: 100%;
	text-align: right;
}
.registration ul li
{
	width: 100%;
}
.registration ul li:nth-child(-n+6)
{
	width: 250px;
}
.label-regist 
{
	display: block;
}
.form-group label.error {
    font-size: 11px;
    font-weight: 300;
    position: absolute;
    bottom: -17px;
    right: 5px;
}
.error {
    color: #f00;
}
.form-group {
    position: relative;
}
.btn
{
	border: 0px;
	cursor: pointer;
}
.down-select
{
	font-style: normal;
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: block;
}
.down-select svg
{
	height: 12px;
}
.iti__country-name
{
	display: inline-block !important;
}
.registration ul li.iti__country,.registration ul li.iti__divider
{
	width: 100% !important;
}
.iti__country:nth-child(-n+6)
{
		width: 100% !important;
}
.inner-log,.inner-log form,.inner-log .log-form
{
	width: 500px;
}
.inner-log .all-text-log
{
	border: 1px solid #d1d1d1;
	width: 100%;
	position: relative;
}
.inner-log .down-form
{width: 100%;}
.inner-log
{
	margin: auto;
}
.inner-log .repeat-check label:before
{
	background-color: #f7f7f7;
}
.inner-log label.error {
    font-size: 11px;
    font-weight: 300;
    position: absolute;
    bottom: -17px;
    right: 5px;
}
.image-user
{
	width: 120px;
	height: 120px;
	border: 2px solid #fff;
	border-radius: 100%;
	background-color: var(--grey-f5);
}
.image-user img
{
	height: 60px;
}
.notification a svg
{
	height: 18px;
	fill:var(--grey-60);
}
.section-inner
{
	padding-bottom: 30px;
}
.user-row
{
	position: relative;
	bottom: -50px;
}
.menu-user ul li:last-child
{
	margin-left: 0px;
}

.menu-user ul li a
{
	position: relative;
}
.menu-user ul li a:hover:before
{
	width: 100%;
}
.menu-user ul li a:hover
{
	color: var(--green-color);
}
.menu-user ul li a.active-menu:before
{
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--green-color);
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu-user ul li a.active-menu:before
{
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--green-color);
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.menu-user ul li a:before
{
	content: "";
	width: 0px;
	height: 3px;
	background-color: var(--green-color);
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
.block-icon svg
{
	    height: 25px;
	fill:var(--white);
}
.right-user
{
	border: 1px solid #f1f1f1;
	width: 260px;
}
.right-user ul li:last-child
{
	margin-bottom: 0px;
}
.left-user
{
	width: 910px;
}
.left-user ul li
{
	text-align: center;
	width: 283px;
}
.left-user ul li:nth-child(3n)
{
	margin-left: 0px;
}
.left-user ul li:nth-child(-n+3)
{
	margin-top: 0px;
}
.left-courses
{
	width: 910px;
}
.left-courses ul li
{
	border: 1px solid #f1f1f1;
}
.left-courses ul li
{
	text-align: center;
	width: 276px;
}
.left-courses ul li:nth-child(3n)
{
	margin-left: 0px;
}
.left-courses ul li:nth-child(-n+3)
{
	margin-top: 0px;
}
.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: 910px;
}
.user-edit2 
{
	width: 910px;
}
.user-edit2 ul li
{
	width: 100% !important;
}
.with-b
{
		border:1px solid var(--green-color);
}
.right-filter
{
	    width: 260px;
}
.right-filter .repeat-check label:before
{
	background-color: #f7f7f7;
}
.area-form
{
	    border: 1px solid #d1d1d1;
    width: 600px;
    max-width: 600px;
	height: 150px;
}
.noti-blocks ul li
{
	border: 1px solid #f1f1f1;
}
.right-noti-block
{
	width: 50px;
    height: 50px;
}
.right-noti-block svg
{
	    height: 25px;
    fill: var(--grey-60);
}
.left-noti-block
{
	width: calc(100% - 80px)
}
.left-noti-block
{
	line-height: 22px;
}
.left-noti-block a
{
	display: inline-block;
	color: var(--green-color);
}
.profile-image
{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-color: #d1d1d1;
}
.profile-image img
{
	width: 60px;
	height: 60px;
	border-radius: 100%;
		
}
.profile-tittle
{
	text-align: center;
}
.left-inside
{
	width: 360px;
}
.complete-image
{
	position: relative;
}
.big-complete
{
	width: 100%;
}
.complete-image svg
{
	fill:var(--green-color);
	height: 25px;
	position: absolute;
	top: 15px;
	right: 15px;
}
.right-inside
{
	width: 790px;
}
.tab{
  cursor: pointer;
	border-radius: 30px;
}
.panels{
  width:100%;
  overflow:hidden;
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab
{
  background:var(--green-color);
	color: #fff;
}
.left-panel-two-blocks
{
	width: calc(100% - 75px)
}
.panel-two-blocks ul li
{
	width: 243px;
	border: 1px solid #f1f1f1;
	position: relative;
}
.panel-two-blocks ul li:nth-child(3n)
{
	margin-left: 0px;	
}
.panel-two-blocks ul li:nth-child(-n+3)
{
	margin-top: 0px;
}
.time-video
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
.send-massage
{
	border-radius: 50px;
	border: 1px solid #f1f1f1;
}
.send-massage textarea
{
	width: 90%;
	max-width: 90%;
	border: 0px;
	outline: none;
}
.send-btn
{
	border: 0px;
	background: transparent;
	cursor: pointer;
}
.send-btn svg
{
	fill:var(--green-color);
	height: 25px;
}
.discusses-icon
{
	width: 80px;
	height: 80px;
	border-radius: 100%;
}
.discusses-icon svg
{
	fill:var(--grey-60);
	height: 30px;
}
.discusses-details
{
	border-radius: 50px;
	width: calc(100% - 100px)
}
.discusses-details span
{
	display: block;
}
.discusses-details p
{
	line-height: 22px;
}
.all-discusses ul li:nth-child(2n)
{
	flex-direction: row-reverse;
}

.all-discusses ul li:nth-child(2n) .discusses-details,.all-discusses ul li:nth-child(2n) .discusses-icon
{
	background-color: var(--baby-green-color);
}
.rating ul li
{
	border: 1px solid #d1d1d1;
	width: 130px;
	height: 130px;
}
.rating ul li:nth-child(5n)
{
	margin-left: 0px;
}
.achiever-table
{
	border: 1px solid #d1d1d1;
}
.top-achiever-table
{
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.top-achiever-table ul li 
{
	width: 25%;
}
.top-achiever-table ul li svg
{
	height: 20px;
	fill: var(--gold-color);
}
.very-good
{
	background-color: #004085;
}
.good
{
	background-color: #383d41;
}
.excellent
{
	background-color: #155724;
}
.bad
{
	background-color: #856404;
}
.very-bad
{
	background-color:#721c24;
}
.content-achiever-table ul li
{
	width: 25%;
	text-align: center;
}
.content-achiever-table ul li span
{
	display: inline-block;
	width: 80px;
	text-align: center;
}
.discuss
{
	width: 70%;
	border: 1px solid #d1d1d1;
	margin:50px auto 0px auto;
}
.discuss .all-discusses
{
	padding-left: 30px;
	height: 695px;
	overflow-y: scroll;
}
/* Force Simple Scrollbars */

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

body ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: var(--green-color);
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

body ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.15);
}

body ::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 135, 139, 0.8);
}


/* Inverted UI */

body .ui.inverted::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

body .ui.inverted::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
}

body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.15);
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}
.discuss .send-massage
{
	width: 100%;
}
.align-right
{
	text-align: right !important;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #E5E5E5 !important;
}
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>*
{
	box-shadow: none !important;
	background-color: #F9F9F9 !important
}
table.dataTable thead th, table.dataTable thead td {
    padding: 15px !important;
    border-bottom: 0px !important;
}
table.dataTable.no-footer
{
	border-bottom: 0px !important;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 10px !important;
}
.table .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px !important;
    margin-left: 0px !important;
    text-align: center;
	background: #f7f7f7 !important;
	background-color: #f7f7f7 !important;
	border-radius: 30px !important;
    cursor: pointer !important;
    color: #333 !important;
    border: 0 !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
	text-align: center;
}
.table .dataTables_wrapper .dataTables_paginate span .paginate_button
{
	border-radius: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0px 5px;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.disabled:active,.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover
{
	color: #fff !important;
	    background-color: var(--green-color) !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover
{
	color: #fff !important;
	    background-color: var(--green-color) !important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover,.paginate_button.current
	{
		color: #fff !important;
	    background-color: var(--green-color) !important;
	}
.table .dataTables_wrapper .dataTables_paginate .paginate_button.current
{
	color: #fff !important;
	    background-color: var(--green-color) !important;
}
.arrow-left,.arrow-right
{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.arrow-left{
	 background-image:url("../Images/arrow-left.png") !important;
      background-repeat: no-repeat;
	background-size: 14px;
}
.dataTables_paginate
{
	    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	    justify-content: flex-end;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	float: none !important;
	margin-top: 15px !important;
}

.tree_main input[type="checkbox"] {
    visibility: hidden;
    display: none;
}
.tree_main .main-label {
    display: block;
    cursor: pointer;
}
.tree_main .main-label:before {
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    font-size: 10px;
    line-height: 20px;
    width: 15px;
    height: 15px;
    background-color: #D9D9D9;
    border-radius: 100%;

}
.tree_main span,.tree_main h2 {
    padding-right: 25px;
}
.tree_main span
{
	margin-right: 30px;
}
.tree_main .main-label:after {

    content: "";
    height: 100%;
	width: 2px;
	 background-color: #D9D9D9;
    right: 6px;
    opacity: 1;
    position: absolute;
    top: 14px;
    width: 3px;
}
/*.tree_main input[type="checkbox"]:checked + .main-label:before {
    background-color: var(--green-color);
}
.tree_main input[type="checkbox"]:checked + .main-label:after {
   background-color: var(--green-color);
}*/
.tree_main li {
    cursor: pointer;
    position: relative;
}

.tree_main .main-label2 {
    display: block;
    cursor: pointer;
}
.tree_main .main-label2:before {
    text-align: center;
    position: absolute;
    right: 20px;
    top: 4px;
    content: "";
    font-size: 10px;
    line-height: 20px;
    width: 13px;
    height: 13px;
    background-color: #D9D9D9;
    border-radius: 100%;

}
.tree_main2 span{
    padding-right: 25px;
}
.tree_main span
{
	margin-right: 15px;
}

/*.tree_main input[type="checkbox"]:checked + .main-label2:before {
    background-color: var(--green-color);
}*/
.levels-right
{
	width: 300px;
}
.levels-left
{
	border: 1px solid #d1d1d1;
	width: 850px;
}
.level-image img
{
	width: 100%;
}
.all-contact
{
	width: 600px;
	margin: auto;
}

.answer input[type="radio"] {
    visibility: hidden;
    display: none;
}
.answer-label {
    display: block;
    cursor: pointer;
	position: relative;
	width: 60px;
}
.answer-label:before {
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #D9D9D9;
    border-radius: 3px;
	z-index: -1;

}
.answer-label p
{
	text-align: center;
}
.answer input[type="radio"]:checked + .answer-label:before {
    background-color: var(--green-color);
}
.answer input[type="radio"]:checked + .answer-label p
{
	color: #fff;
}

/*form styles*/
#msform {
	text-align: center;
	position: relative;
	min-height: 250px;
}
#msform .level-steps {

	position: relative;
	width: 100%;
}
/*Hide all except first fieldset*/
#msform .level-steps:not(:first-of-type) {
	display: none;
}

/*buttons*/
#msform .action-button {
	min-width: 100px;
	color: white;
	border: 0 none;
	cursor: pointer;
  text-decoration: none;
  font-size: 14px;
	display: inline-block;
}
.level-steps .answer
{
	width: 100%;
}
.level-steps .answer li
{
	width: 100%;
}
.level-steps .answer-label
{
	width: 40%;
}
.levels-question svg
{
	height: 60px;
	fill:var(--green-color);
}
.levels-left2
{

	width: 850px;
}
.complete-top
{
	border: 1px solid #d1d1d1;
}
.line-percentage
{
	position: relative;
	width: 100%;
	height: 5px;
}
.inner-line-percentage
{
	position: absolute;
	right: 0px;
	height: 5px;
	top: 0px;
}
.image-with-line
{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}
.image-with-line svg
{
	height: 10px;
	fill:var(--white);
}
.with-line
{
	position: absolute;
	top: -65px;
	margin-right: -20px;
}
.with-line span
{
	font-size: 10px;
}
.title-complete
{
	text-align: center;
}
.precnetage
{
	margin-top: 80px;
}
.right-line-percentage
{
	position: absolute;
	top: -30px;
	right: 0px;
}
.left-line-percentage
{
	position: absolute;
	top: -30px;
	left: 0px;
}
.complete-grid-top ul li
{
	width: 25%;
}
.complete-grid-top ul li h2
{
	text-align: center;
}
.complete-grid
{
	border: 1px solid #d1d1d1;
}
.complete-grid-top
{
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.complete-grid-bottom
{
	border-bottom: 1px solid #d1d1d1;
}
.complete-grid-bottom:last-child
{
	border-bottom:0px;
}
.complete-grid-bottom ul li
{
	width: 25%;
}
.complete-grid-bottom ul li h2
{
	text-align: center;
}
.result-grid-bottom
{
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.result-grid-bottom ul li
{
	width: 50%;
	text-align: center;
}
.article-image iframe
{
	width: 100%;
	height: 430px;
}
.block-d ul li svg
{
	height: 16px;
	fill:var(--green-color);
}
.block-d ul li h3
{
	width: calc(100% - 30px)
}
/*.buttons-d a
{
	width: 35px;
	height: 35px;
	border-radius: 10px;
}*/
.reply svg
{
	fill:var(--green-color);
	height: 18px;
}
.delete svg
{
	fill:firebrick;
	height: 16px;
}
.delete-all  svg
{
	fill:firebrick;
	height: 16px;
}
.buttons-d
{
	margin-left: 30px;
}
/*.reply
{
	background-color: var(--green-color);
}
.delete
{
	background-color: firebrick;
}*/
.small-one
{
	 width: calc(100% - 100px);
	float: left;
}
.all-discusses.small-one ul li:nth-child(2n) {
    flex-direction: row;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 11;
}
.popup
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 550px;
	background-color: #fff;
	border-radius: 10px;
}
.hide-all
{
	opacity: 0;
	display:none;
	-webkit-animation: fadeOut 300ms;
    animation: fadeOut 300ms;
}
.show-all
{
	opacity: 1;
	display:block !important;
	-webkit-animation: fadeIn 300ms;
    animation: fadeIn 300ms;

}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}
@keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}
/*.top-popup
{
	padding:10px 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #FBFBFB;
}*/
.top-popup span
{
	font-weight: 500;
}
.close-pop
{
	    color: #f21b48;
	    font-size: 26px;
}
.content-pop
{
	padding: 15px;
}

.inner-overlay-pop {
	height: auto;
	width: 660px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

	.inner-overlay-pop .top-popup {
		padding: 10px 0px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		background-color: transparent;
	}
.clear
{
	clear: both;
}
.another-courses ul li
{
    border: 1px solid #d1d1d1;
	    text-align: center;
    width: 277px;
	background-color: #fff;
}
.another-courses ul li:nth-child(-n+4) {
    margin-top: 0px;
}
.another-courses ul li:nth-child(4n) {
    margin-left: 0px;
}
.active-label.main-label:before
{
	background-color: var(--green-color);
}
.active-label.main-label:after
{
	background-color: var(--green-color);
}
.active-label.main-label2:before
{
	background-color: var(--green-color);
}
.sub_ul2
{
	display: none;
}
.sub_ul2.open-label
{
	display: block;
}
.articles .article-video
{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.articles .article-video iframe
{
	height: 215px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.name-top-block,.desk-top-block,.new-tt
{
	text-align: center;
}
.new-tt img
{
	width: 180px;
}
.left-side .lecture-blocks .Lecture-block:nth-child(5)
{
	margin-top: 20px;
	margin-left: 20px;
}