@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap&subset=latin,cyrillic,hebrew');

body, html, div, span, h1, h2, h3, h4, h5, h6,
p, a, li, ul, ol, input, button, textarea, select, option,
blockquote, pre, code, table, th, td, strong, em, b, i, label {
    font-family: 'Heebo', sans-serif;
    margin: 0;
}
a{
	text-decoration: none;
}
:root {
  /* Основные цвета */
  --color-primary: #E94E14;
  --color-secondary: #231F20;
  --color-accent: #FF9E53;

  /* Текст */
  --color-text:#231F20;
  --color-text-light: #878890;
  --color-inverted: #fff;
  --color-violet: #94537F;

  /* Фон */
  --color-background: #D9DEE5;
  --color-background-lignt-grey: #DFE4E9;
  --color-background-white: #fff;
  --color-background-dark-grey: #52535D;
  --color-background-header: #FAFAFA;


  /* Бордеры */
  --color-border: #FAFAFA;
  --color-border-grey: #DFE4E9;
}
*{
	box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    transform-origin: top center; /* добавляем обязательно */
}
body.page-template-page-learning-topic,
body.page-template-page-testing-topic,
body.page-template-page-learning-init,
body.page-template-page-testing-relult,
body.page-template-page-testing-history,
body.page-template-page-testing-init,
body.page-template-page-course-lesson,
body.page-template-page-all-course{
	background: var(--color-background)!important;
	height: 100vh;
	overflow: hidden;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-link.pojo-a11y-toolbar-toggle-link{
	opacity: .5;

}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
	font-size: 155%;
	padding: 5px;
}
body #pojo-a11y-toolbar{
	z-index: 0;
}
body.elementor-page #pojo-a11y-toolbar,
body.woocommerce-page #pojo-a11y-toolbar{
	z-index: 1;
}
body.page-template-page-testing-topic #pojo-a11y-toolbar,
body.page-template-page-testing-history #pojo-a11y-toolbar{
	z-index: 1;
} 
.content-wrapper-full{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0px;
}
/*Headers start*/
.sidebar-size{
	width: 320px;
	background: var(--color-background-white);
	border-bottom: 1px solid var(--color-border-grey);
	border-left: 1px solid var(--color-border-grey);
	display: flex;
	justify-content: flex-start;
}
.main-side{
	width: calc(100% - 320px);
	background: var(--color-border);
	padding: 10px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid var(--color-border-grey);
	background: var(--color-background-header);
}


/*Headers end*/
header .content-wrapper-full{
	height: 75px;
}

/*learning-layout start*/
	.learning-layout{
		height: calc(100% - 75px);
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	body.admin-bar .learning-layout{
		height: calc(100% - 107px);	
	}

/*learning-layout end  */

/*questions-sidebar start*/
.questions-sidebar{
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #FAFAFA;
}
/*questions-sidebar   end*/

/*main-block start*/
.learning-content-wrapper{
	display: flex;
	justify-content: space-between;
	padding: 24px;
	width: 100%;
}

/*main-block end  */
.learning-content-wrapper{
	width: 100%;
	height: 100%;
}
#all-courses-main{
	background: #EEEFF2;
}
.learning-main{
	width: 100%;
}
@media(min-width: 769px){
	.page-template-page-course-lesson .learning-main{
		width: calc(100% - 240px);
	}
}
@media(min-width: 1201px){
	.page-template-page-course-lesson .learning-main{
		width: calc(100% - 320px);
	}
}
.learning-content-wrapper>div{
	display: flex;
	flex-wrap: wrap;
	background: var(--color-background-white);
	border-radius: 16px;
	border: 1px solid var(--color-background-header);
	height: 100%;
}
body.page-template-page-course-lesson .learning-content-wrapper>div.questions-access.no-access.full-width{
	width: 100%;
}
.learning-content-wrapper .questions-nav{
	padding: 16px;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 27%;
}

.learning-content-wrapper .questions-list{
	padding: 40px;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: calc(73% - 24px);
	background: var(--color-background-header);
	max-height: 100%;
  	overflow-y: auto;	
  	flex-wrap: nowrap;

}
.learning-content-wrapper .study-block{
	padding: 0px;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: calc(73% - 24px);
	background: var(--color-border-grey);
	max-height: 100%;
	overflow: hidden;
  	flex-wrap: nowrap;
  	border: none;
}
.learning-content-wrapper .course-body{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 40px;
	overflow-y: auto;	
  	flex-wrap: nowrap;
  	background: var(--color-background-header);

}	
.learning-content-wrapper .study-block .breadcrumb{
	display: flex;
	flex-direction: column;
	padding: 30px 40px;
	background: #fff;
	border-bottom: 1px solid var(--color-border-grey);
}
.learning-content-wrapper .study-block .breadcrumb-title{
	display: flex;
	justify-content: space-between;

}
.learning-content-wrapper .study-block .breadcrumb a{
	display: inline-flex;
	align-items: center;
	color: #5B2E93!important;
	font-weight: 400;
	
	font-size: 16px;
	line-height: 25px;
}
.learning-content-wrapper .study-block .lesson-navigation{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.question-block{
	background: var(--color-background-white);
	box-shadow: 0px 6px 6px 0px #0000000A;
	padding: 40px;
	border-radius: 12px;
}
.learning-content-wrapper .study-block .breadcrumb h1{
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
}
.question-block + .question-block{
	margin-top: 24px;
}

.question-title{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.question-title .question-number{
	background: #EEEFF2;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5000px;
	border: 1px solid #B9B9BF;
	width: 45px;
	height: 45px;
	color: #52535D;
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	margin-left: 12px;
}
.question-title h3{
	font-weight: 500;
	font-size: 20px;
	line-height: 125%;
	text-align: right;
	vertical-align: middle;
	color: #231F20;
	width: calc(100% - 200px);
	max-width: 600px;
	margin: 0;

}
.question-title .question-mandatory-label{
	background: #52535D;
	width: 113px;
	height: 30px;

	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	text-align: right;
	vertical-align: middle;
	color: #fff;

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;

	margin-right: auto;

	display: none;
}
.question-title .question-mandatory-label svg{
	margin-left: 6px;
}
.question-answers-list-wrapper{
	margin-top: 24px;
	display: flex;
	flex-wrap: nowrap;
}
.question-answers-list-wrapper .question-answers{
	list-style: none;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 0;
}	
.question-answers-list-wrapper .question-answers .answer-item{
	padding: 16px;
	background: #FAFAFA;
	border-radius: 8px;
	border: 1px solid #FAFAFA;;
}

.question-answers-list-wrapper .question-answers .answer-item a .marker{
	display: flex;
	width: 20px;
	height: 20px;
	border: 1px solid #878890;
	margin-left: 18px;
	border-radius: 50%;
	position: relative;
	justify-content: center;
	align-items: center;
}
.question-answers-list-wrapper .question-answers .answer-item a .marker:after{
	display: block;
	width: 12px;
	height: 12px;
	background: unset;
	content: '';
	
	border-radius: 50%;
}
.question-answers-list-wrapper .question-answers .answer-item a,
.question-answers-list-wrapper .question-answers .answer-item a:hover,
.question-answers-list-wrapper .question-answers .answer-item a:focus,
.question-answers-list-wrapper .question-answers .answer-item a:visited{
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #52535D;
	display: flex;
}
.question-answers-list-wrapper .question-answers .answer-item a .single-answer-text{
	width: calc(100% - 38px);
}
.question-answers-list-wrapper .question-answers .answer-item + .answer-item{
	margin-top: 10px;
}

.question-answers-list-wrapper .question-answers .answer-item.correct{
	border: 1px solid #C8F2E0;
	background: #F2FBF8;
}
.question-answers-list-wrapper .question-answers .answer-item.correct a .marker{
	border: 1px solid #07B770;
}
.question-answers-list-wrapper .question-answers .answer-item.correct a .marker:after{
	background: #07B770;
}

.question-answers-list-wrapper .question-answers .answer-item.incorrect{
	border: 1px solid #FFDAD0;
	background: #FFF6F3;
}
.question-answers-list-wrapper .question-answers .answer-item.incorrect a .marker{
	border: 1px solid #FF4A1D;
}
.question-answers-list-wrapper .question-answers .answer-item.incorrect a .marker:after{
	background: #FF4A1D;
}

.question-answers-list-wrapper .question-answers .answer-item.checking{
	border: 1px solid #878890;
}
.question-answers-list-wrapper .question-answers .answer-item.checking a .marker:after{
	background: #878890;
}

.question-answers-list-wrapper .question-image{
	width: 32%;
	margin-right: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.question-answers-list-wrapper .question-image img{
	width: 100%;
}

.question-explanation{
	padding: 0 16px 0 36px;
	background: linear-gradient(90deg, rgba(7, 183, 112, 0.02) 34.46%, rgba(7, 183, 112, 0.05) 100%);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	border-radius: 12px;
	max-height: 0;
	transition: .3s;
}
.question-explanation.active{
	max-height: 10000px;
	padding: 24px 16px 24px 36px;
	margin-top: 24px;
}
.question-explanation:after{
	display: block;
	width: 12px;
	height: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(7, 183, 112, 0.04) 0%, rgba(7, 183, 112, 0.2) 100%);

}
.question-explanation .checkmark{
	width: 34px;
	height: 34px;
	margin-left: 18px;
}

.question-explanation .explanation{
	display: flex;
	flex-direction: column;
	width: calc(100% - 100px);

}
.question-explanation-wrapper{
	width: 100%;
	display: flex;
	
}
.question-explanation .explanation strong{
	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #231F20;
}
.question-explanation .explanation p{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	margin: 8px 0 0 0 ;
	color: #878890;
}

.questions-access{
	padding: 24px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.access-block{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
}
.questions-access.has-access .access-block{
	background: var(--color-background-white);
}
.access-block + .access-block{
	margin-top: 24px;
}
.access-block .image-side{
	width: 292px;
	margin-left: 40px;
}
.access-block .description-side{
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}
.questions-access.has-scroll .access-block .description-side{
	width: 510px;
}
.access-block .description-side .access-title{
	font-family: Heebo;
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	color: #231F20;
}
.access-block .description-side .access-subtext{
	font-family: Heebo;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #231F20;
	margin-top: 16px;
}
.questions-access.has-access .access-block .description-side {
	width: 300px;
}
.questions-access.has-access .access-block{
	padding: 30px 16px;
}
.questions-access.has-access{
	overflow-y: auto;
}
.questions-access.has-access.has-scroll .access-block .description-side{
	width: 510px;
}

.questions-access.has-access .access-block .description-side .access-subtext-biiger{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	margin-top: 16px;

}
.questions-access.has-access .access-block .description-side .access-subtext-biiger span{
	display: inline-flex;
	align-items: center;
}
.questions-access.has-access .access-block .description-side .access-subtext-biiger span svg{
	margin-left: 6px;
}
.questions-access.has-access .access-block .description-side .access-subtext-biiger span + span{
	margin-right: 16px;
}
.questions-access.has-access .access-block .description-side a,
.next-question,
.mobile-next-question,
.learning-content-wrapper .study-block .lesson-navigation a,
.learning-content-wrapper .study-block .lesson-navigation a:hover,
.learning-content-wrapper .study-block .lesson-navigation a:focus{
	width: 100%;
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #fff;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background: #E94E14;
	border-radius: 6px;	
	margin-top: 30px;
	padding: 0 24px 0 12px;
	height: 48px;
}
.learning-content-wrapper .study-block .lesson-navigation > div{
	width: 45%;
	max-width: 250px;
}
.learning-content-wrapper .study-block .lesson-navigation a,
.learning-content-wrapper .study-block .lesson-navigation a:hover,
.learning-content-wrapper .study-block .lesson-navigation a:focus{
	width: 100%;
	margin-top: 24px;
}
.learning-content-wrapper .study-block h1,
.learning-content-wrapper .study-block h2,
.learning-content-wrapper .study-block h3,
.learning-content-wrapper .study-block h4,
.learning-content-wrapper .study-block h5,
.learning-content-wrapper .study-block h6,
.learning-content-wrapper .study-block p,
.learning-content-wrapper .study-block ol,
.learning-content-wrapper .study-block ul{
	font-family: Heebo;
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
}
.learning-content-wrapper .study-block h1{
	font-weight: 700;
}
.learning-content-wrapper .study-block h2{
	font-size: 20px;
	font-weight: 700;
}
.learning-content-wrapper .study-block h3{
	font-size: 18px;
	font-weight: 700;
}
.learning-content-wrapper .study-block h4{
	font-size: 16px;
	font-weight: 700;
}
.learning-content-wrapper .study-block h6{
	font-size: 14px;
}
.learning-content-wrapper .study-block h5,
.learning-content-wrapper .study-block p,
.learning-content-wrapper .study-block ol,
.learning-content-wrapper .study-block ul{
	font-size: 16px;
}
.learning-content-wrapper .study-block .lesson-body > * + *{
	margin-top: 20px;
}
.learning-content-wrapper .study-block .lesson-body{
	background: var(--color-background-white);
	padding: 40px;
	border-radius: 16px;
	box-shadow: 0px 6px 6px 0px #0000000A;

}
.course-navigation-dropdown{
	display: none;
}
.course-sidebar .course-navigation{
	height: 100%;
}
.course-navigation ul{
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	overflow-y: auto;	
  	flex-wrap: nowrap;
  	max-height: 100%;
}
.course-navigation ul li{
	
	border-radius: 6px;

}
.course-navigation ul li a,
.course-navigation ul li a:visited,
.learning-content-wrapper .study-block .breadcrumb a.course-nav-toggle-dropdown,
.learning-content-wrapper .study-block .breadcrumb a.course-nav-toggle-dropdown:visited{
	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	vertical-align: middle;
	color: var(--color-text);
	border-radius: 6px;
	width: 100%;

	background: linear-gradient(90deg, rgba(246, 246, 246, 0.09) 0%, #F6F6F6 100%);
	padding: 12px 24px 12px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.course-navigation ul li a:after{
	display: block;
	content: '';
	width: 2px;
	height: 24px;
	position: absolute;
	left: 12px;
	top: 12px;
	background: #878890;

}
.breadcrumb-navigation{
	margin-top: 10px;
	position: relative;
}
.course-navigation-dropdown.active{
	display: flex;
	width: 100%;
	background: #fff;
	max-height: 40vh;
	overflow-y: auto;
	padding: 12px;
	position: absolute;
}
.course-navigation-dropdown .course-navigation{
	width: 100%;
}
.course-navigation ul li a span.group-boat-icon{
	display: inline-flex;
	align-items: center;
}
.course-navigation ul li a span.group-boat-icon{
	display: none;
}
.course-navigation ul li a span.check-mark{
	display: none;
}

.course-navigation ul li.active a span.group-boat-icon{
	display: block;
}
.course-navigation ul li.active a:after{
	display: none;
}
.course-navigation ul li.active a,
.learning-content-wrapper .study-block .breadcrumb a.course-nav-toggle-dropdown,
.learning-content-wrapper .study-block .breadcrumb a.course-nav-toggle-dropdown:visited{
	background: linear-gradient(272.38deg, #94537F 2.89%, #F4847B 71.19%, #FF8149 98.21%);
	color: #fff!important;
}
.learning-content-wrapper .study-block .breadcrumb .breadcrumb-navigation .course-navigation ul li.active a.active{
	background: #FFF0E2!important;
	color: var(--color-text)!important;
}
.learning-content-wrapper .study-block .breadcrumb .breadcrumb-navigation .course-navigation ul li a{
	color: var(--color-text)!important;
}
.learning-content-wrapper .study-block .breadcrumb a.course-nav-toggle-dropdown{
	color: #fff!important;
}
.course-navigation ul li + li{
	margin-top: 4px;
}
.learning-content-wrapper .study-block .breadcrumb .breadcrumb-navigation .course-navigation ul li a.active span.check-mark{
	display: inline-flex;
	align-items: center;
}
.learning-content-wrapper .study-block .lesson-body a,
.learning-content-wrapper .study-block .lesson-body a:visited{
	color: #E94E14;
	transition: .3s;
}
.learning-content-wrapper .study-block .lesson-body a:hover,
.learning-content-wrapper .study-block .lesson-body a:focus{
	color: #5B2E93;
}
.learning-content-wrapper .study-block .lesson-navigation a span{
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.learning-content-wrapper .study-block .lesson-navigation a span.prev-lesson{
	transform: rotate(180deg);
}
.questions-access.has-access .access-block .description-side a{
	max-width: 300px;
}
.pagination-button,
.pagination-button:hover,
.pagination-button:active,
.pagination-button:focus{
	    width: 200px;
	    font-family: Heebo;
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 130%;
	    letter-spacing: 0%;
	    text-align: right;
	    vertical-align: middle;
	    color: #fff;
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	    background: #E94E14;
	    border-radius: 6px;
	    padding: 0 24px 0 12px;
	    height: 48px;

}

.next-question:hover,
.questions-access.has-access .access-block .description-side a,
.mobile-next-question:hover{
	background: #E94E14;
	color: #fff;
}
.mandatory_description{
	display: flex;
	align-items: flex-start;
	margin-top: 16px;
	display: none;
}
.breadcrumb-navigation{
	display: none;
}
.all-courses-content-wrapper{
	height: 100%;
}
.all-courses-content-wrapper .courses-section{
	padding: 24px;
	max-height: 100%;
    overflow-y: auto;
    flex-wrap: nowrap;
}
.all-courses-content-wrapper .courses-section .courses-grid,
.all-courses-content-wrapper .courses-section .other-products-grid{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 24px;
}
.courses-section .course-card,
.courses-section .product-card{
	width: calc(25% - 18px);
	padding: 16px;
	border-radius: 12px;
	background: var(--color-background-white);
}
.courses-section .course-card.disabled {
    opacity: 0.6;
    filter: grayscale(1);
    cursor: not-allowed;
    pointer-events: none;
    position: relative;
}

.products-no-paggination .swiper-pagination{
	display: none!important;
}
@media(max-width: 1024px){
	.courses-section .course-card,
	.courses-section .product-card{
		width: calc(33% - 16px);
		
	}
}
@media(max-width: 768px){
	.courses-section .course-card,
	.courses-section .product-card{
		width: calc(50% - 12px);
		
	}
	.all-courses-content-wrapper .courses-section .courses-grid, .all-courses-content-wrapper .courses-section .other-products-grid{
		gap: 16px;
	}
	.all-courses-content-wrapper .courses-section{
		padding: 16px;
	}
	.other-products-title{
		margin-top: 50px;
	}
	.products-no-paggination .swiper-pagination{
		display: block!important;
	}
	.products-no-paggination .elementor-swiper-button{
		display: none!important;
	}
}
@media(max-width: 564px){
	.courses-section .course-card,
	.courses-section .product-card{
		width: calc(100%);
		
	}
}
.courses-section .course-card + .course-card,
.courses-section .product-card + .product-card{
}
.courses-section .course-title,
.courses-section .product-title{
	font-family: Heebo;
	font-weight: 700;
	font-style: Bold;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	color: var(--color-text);

	margin-bottom: 8px
}
.courses-section .course-image,
.courses-section .product-image{
	display: flex;
}
.courses-section .course-content,
.courses-section .product-content{
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.courses-section .course-price,
.courses-section .product-price{
	font-family: Heebo;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;

	color: var(--color-primary);
	margin-top: auto;
}
.courses-section .course-card>a,
.courses-section .product-card>a{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.courses-section .course-purcheased{
	display: inline-flex;
    align-items: center;
    width: 67px;
    height: 21px;
    justify-content: center;
    background: #C8F2E0;
    border-radius: 30px;
    margin-top: auto;
}
.courses-section .course-purcheased span + span{
	margin-right: 6px;
}
.courses-section .course-purcheased .text{
	font-family: Heebo;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: bottom;
	color: var(--color-text);
}
.courses-section .course-purcheased .purchased-badge{
	display: flex;
	align-items: center;
}
.other-products-title{
	font-family: Heebo;
	font-weight: 500;
	font-style: Medium;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	margin-top: 67px;
	margin-bottom: 20px;
}
@media(max-width: 1200px){
	.course-sidebar{
		display: none!important;
	}
	.breadcrumb-navigation{
		display: block;
	}
	body .learning-content-wrapper .study-block{
		width: calc(100% - 40px);
        height: calc(100% - 40px);
        margin: auto;
	}
}
@media(max-width: 768px){
	body .learning-content-wrapper .study-block{
		width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0
	}
	.learning-content-wrapper .study-block .breadcrumb,
	.learning-content-wrapper .course-body{
		padding: 12px;
	}
}
@media(min-width){
	.page-template-page-testing-init .learning-main,
	.page-template-page-learning-init .learning-main{
		width: calc(100% - 320px);
	}
}
@media(min-width: 769px){
	.page-template-page-testing-init .learning-main,
	.page-template-page-learning-init .learning-main,
	.page-template-page-all-course .learning-main{
		width: calc(100% - 240px);
	}

	.questions-access.vertical-desktop{
		width: 100%;
		overflow-x: auto;
		overflow-y: unset;
		flex-direction: row;
	}

	.vertical-desktop .access-block + .access-block{
		margin-top: 0;
		margin-right: 24px;
	}
	.vertical-desktop .access-block{
		width: calc(33.33% - 16px);
		height: 100%;
		display: flex;
        flex-direction: column;
        min-width: 320px;
	}
	.vertical-desktop .access-block .image-side{
		margin: 0;
	}
	.vertical-desktop .access-block .description-side{
		height: unset;
		margin-top: 60px;
	}
	.questions-access.has-access.has-scroll.vertical-desktop .access-block .description-side{
		width: 300px;
	}
	.questions-access.has-access.vertical-desktop .test-features{
		flex-direction: column;
	}
	.questions-access.has-access.vertical-desktop .test-features .single-test-feature{
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.questions-access.has-access.vertical-desktop .test-features .single-test-feature .feature-description{
		margin: 0;
	}
	.questions-access.has-access.vertical-desktop .test-features .single-test-feature + .single-test-feature{
		margin-top: 6px;
	}
}


.test-features{
	display: flex;
	margin-top: 16px;
	justify-content: space-between;
}
.test-features .single-test-feature{
	width: calc(33.33% - 4px);
	background: #FAFAFA;
	border: 1px solid #EEEFF2;
	border-radius: 6px;
	padding: 7px 12px;
}
.test-features .single-test-feature .feature-value{
	font-family: Heebo;
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #231F20;

}
.test-features .single-test-feature .feature-description{
	font-family: Heebo;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #878890;
	margin-top: 8px;

}
.mandatory_description .info-icon{
	margin-left: 6px;
}
.mandatory_description p{
	margin: 0;

	font-family: Heebo;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #231F20;

}
.group-title{
	padding: 12px 24px 12px 12px;
	background: linear-gradient(90deg, rgba(246, 246, 246, 0.09) 0%, #F6F6F6 100%);
	border-radius: 6px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .3s;
	cursor: pointer;
}
.group-title.active, .group-title:hover{
	background: linear-gradient(272.38deg, #94537F 2.89%, #F4847B 71.19%, #FF8149 98.21%);
}

.group-title .group-text{
	direction: rtl;
	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0%;
	vertical-align: middle;

	color: #231F20;
	transition: .3;
}
.group-title.active .group-text,
.group-title:hover .group-text{
	color: #FFFFFF;
}

.group-title .group-boat-icon{
	height: 22px;
	opacity: 0;
	transition: .3;
}		
.group-title.active .group-boat-icon,
.group-title:hover .group-boat-icon{
	opacity: 1;
}
.paggination-group + .paggination-group{
	margin-top: 4px;
}
.subgroup-list:not(.active){
	display: none;
}
.subgroup-list{
	padding: 8px 10px 12px 10px;
	background: #FAFAFA;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.subgroup-list .subgroup-link {
	width: calc(33% - 4px);
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #D5D6D8;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 40px;

	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #231F20;

	transition: .3;
	margin: 4px 2px 0;
	direction: ltr;
}
.subgroup-list .subgroup-link:hover,
.subgroup-list .subgroup-link.active{
	background: #FF9E53;
	border: 1px solid #FF9E53;
	color: #fff;
}

.questions-nav.testing-nav{
	padding: 0;
	position: relative;
    overflow: hidden;
    overflow-y: auto;
    flex-wrap: nowrap;
}
.testing-list{
	padding: 16px;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;

}
.testing-list li{
	width: calc(10% - 4px);
	margin: 0 2px 4px;
	background: #FAFAFA;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	height: 45px;
	border-radius: 6px;
	overflow: hidden;

	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #231F20;

	position: relative;
}
.testing-list li.active{
	background: linear-gradient(333.68deg, #94537F 4.41%, #F4847B 85.18%, #FF8149 117.13%);
	color: #fff;

}
.testing-list li.correct{
	background: #C8F2E0;
}
.testing-list li.incorrect{
	background: #FFDAD0;
}
.testing-list li.correct.mandatory{
	background: #95E9C5;
}
.testing-list li.incorrect.mandatory{
	background: #FFBFAD;
}

.testing-list li.mandatory:before{
	display: block;
	content: '';
	background: #52535D;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;

}
.testing-list li.mandatory.active:before{
	background: #fff;
}
.next-question{
	margin: 40px auto 0;
	max-width: 250px;
	width: calc(100% - 30px);
	display: flex;
}
.page-template-page-testing-relult .testing-list{
	margin-top: 24px;
	border-top: 1px solid #DFE4E9;
}

.testing-block-list .question-element{
	display: none;
}
.testing-block-list .question-element.active{
	display: block;
}
.next-question.disabled,
.mobile-next-question.disabled{
	background: #DFE4E9;
	color: #878890;
	cursor: no-drop;
}

.next-question.disabled svg path{
	fill: #878890;

}

.scores-wrapper{
	padding: 24px 16px;
}
.scores-global-title{
	font-family: Heebo;
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #231F20;

}
.scores-wrapper .scores-blocks{
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.scores-wrapper .scores-blocks .scores-block{
	width: calc(50% - 4px);
	padding: 16px;
	border-radius: 6px;
	background: #FAFAFA;
}
.scores-wrapper .scores-blocks .scores-block.mandatory{
	background: #EEEFF2;
}
.scores-wrapper .scores-blocks .scores-block .block-counter{
	font-family: Heebo;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
	vertical-align: middle;
	text-align: center;

	direction: ltr;

	color: #231F20;
}
.scores-wrapper .scores-blocks .scores-block .scores-block-title{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;

	color: #52535D;
	margin-top: 8px;

	padding-bottom: 16px;
	border-bottom: 1px solid #EEEFF2;
}
.scores-wrapper .scores-blocks .scores-block.mandatory .scores-block-title{
	border-bottom: 1px solid #DFE4E9;
} 
.scores-wrapper .scores-blocks .scores-block .correct-incorrect-counter{
	display: flex;
	flex-wrap: wrap;
	margin-top: 16px;
	justify-content: center;
}
.scores-wrapper .scores-blocks .scores-block .small-counter-block{
	display: flex;
	color: #231F20;
	justify-content: center;
	align-content: center;
}
.scores-wrapper .scores-blocks .scores-block .small-counter-block + .small-counter-block{
	margin-right: 24px;
}
.scores-wrapper .scores-blocks .scores-block .small-counter-block svg{
	margin-left: 8px;
}
.scores-wrapper .scores-blocks .scores-block .small-counter-block span{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
}
.test-result-title{
	font-family: Heebo;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #231F20;

}
.test-result-error{
	font-family: Heebo;
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #52535D;
	margin-top: 8px;
}
.test-result-percent{
	margin-top: 40px;
	font-family: Heebo;
	font-weight: 500;
	font-size: 86px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;

	color: #FF4A1D;
}
.test-result-rercent-description{
	font-family: Heebo;
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;

	color: #52535D;
	margin-top: 4px;
	margin-bottom: 14px;

}
.test-result-date{
	font-family: Heebo;
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;

	color: #878890;
	margin-top: auto;
}
.history-list{
	padding: 24px;
	height: 100%;
	overflow: hidden;
}
.history-list .history-block-wrapper{
	border-radius: 16px;
	box-shadow: 0px 6px 6px 0px #0000000A;
	height: 100%;
	overflow-y: auto;
}
.
.history-block-inner{
	padding: 24px;
	background: #FFFFFF;
	height: 100%;
}
.history-block-inner .single-result.active{
	display: flex;
}
.history-block-inner .single-result{
	display: none;
	padding: 24px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0px 6px 6px 0px #0000000A;
	align-items: center;
}
.history-block-inner .single-result + .single-result{
	margin-top: 12px;
}

.result-title{
	font-family: Heebo;
	font-weight: 500;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #231F20;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	width: 190px;
}

.result-date{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: #878890;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	
	margin-right: 5%;
}

.result-accuracy{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	height: 33px;
	padding: 0 10px;
	border-radius: 50px;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;

	color: #52535D;
	margin-right: 5%;
}
.result-accuracy .accuracy-value{
	font-family: Heebo;
	font-weight: 700;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;

	color: #52535D;
}
.result-accuracy.red,
.result-accuracy.yellow{
	background: #FFF7F1;
}
.result-accuracy.green{
	background: #F2FBF8;
}

.result-accuracy.red .accuracy-value{
	color: #FF4A1D;
}
.result-accuracy.yellow .accuracy-value{
	color: #FF9E53;
}
.result-accuracy.green .accuracy-value{
	color: #07B770;
}

.question-number{
	margin-right: 5%;
	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #231F20;
	display: inline-flex;
}
.question-number span{
	display: inline-flex;
	align-items: center;
}
.question-number svg{
	margin-left: 6px;
}
.results-block{
	margin-right: 24px;
	display: flex;
}
.results-block > div + div{
	margin-right: 24px;
}
.results-block > div span{
	display: flex;
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
}
.results-block > div span svg{
	margin-left: 8px;
}
.result-link{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
}
.result-link a{
	width: 140px;
	height: 48px;
	border: 1px solid #E94E14;
	border-radius: 6px;


	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	text-decoration: none;
	background: #FFFFFF;
	color: #231F20;
	transition: .3s;
	display: inline-flex;
	justify-content: center;
	align-items: center;

}
.result-link a:hover,
.result-link a:focus{
	background: #E94E14;
	color: #fff;
}
.history-block-wrapper{
	background: #FAFAFA;
	border: 1px solid #DFE4E9;
}
.history-block-inner{
	padding: 24px;
	overflow-y: auto;
}
.history-tabs{
	padding: 24px;
	background: #fff;
	border-bottom: 1px solid #DFE4E9;
}
.history-tabs .type-tab{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 100px;
	height: 40px;
	box-sizing: border-box;
	color: #231F20;
	background: #fff;
	transition: .3s;

	font-family: Heebo;
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 6px;
	padding-left: 10px;
	padding-right: 10px;

	border: 1px solid #D5D6D8;
}
.history-tabs .type-tab.active,
.history-tabs .type-tab:hover,
.history-tabs .type-tab:focus{
	border: 1px solid #FF9E53;
	background: #FF9E53;
	color: #fff;
}

.menu-block{
	padding: 40px 16px;
	display: flex;
	flex-direction: column;
}
.menu-block a{
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 16px;
	width: 100%;

	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	border-radius: 6px;
	background: #FAFAFA;
	color: #231F20;

	transition: .3s;
	height: 48px;

}
.menu-block a svg{
	margin-left: 8px;
	transition: .3s;
}
.menu-block a svg path{
	transition: .3s;
}
.menu-block a.active,
.menu-block a:hover,
.menu-block a:focus{
	background: #231F20;
	color: #fff;
}
.menu-block a.active svg path,
.menu-block a:hover svg path,
.menu-block a:focus svg path{
	fill: #FF9E53;
}
.logout-block{
	background: #fff;
	padding: 25px;
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid #DFE4E9;
	margin-top: auto;
}
.learning-sidebar{
	background: #FAFAFA;
}
.header-title{
	font-family: Heebo;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	text-align: right;
	vertical-align: middle;

	color: #52535D;
}
.header-title span{
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	display: inline-flex;
	height: 31px;

	color: #94537F;
	background: #F0E9EE;
	border-radius: 31px;
	padding: 0 16px;

	margin-right: 12px;
	align-items: center;

}
.timer-block{
	margin-top: auto;
	background: #52535D;
	padding: 32px 24px 24px;
	position: relative;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.testing-sidebar{
	position: absolute;
	width: 100%;
	height: 8px;
	right: 0;
	top: 0;
	background: linear-gradient(272.38deg, #94537F 2.89%, #F4847B 71.19%, #FF8149 98.21%);
	direction: ltr;
	
}
.testing-sidebar #testning-progress-timer{
	background: #DFE4E9;
	width: 0%;
	height: 100%;
}
.timer-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;
}
.timer-text{
	display: inline-flex;
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	align-items: center;

	color: #fff;
}
.timer-text svg{
	margin-left: 8px;
}
#test-timer{
	font-family: Heebo;
	font-weight: 500;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #fff;
}
.login-forms-wrapper{
	display: flex;
	justify-content: flex-end;
	direction: rtl;
	flex-wrap: wrap;

}
.login-forms-wrapper>div{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	direction: rtl;
	display: none;

}
.login-forms-wrapper.login-active>div#login-form-wrapper{
	display: flex;
} 
.login-forms-wrapper.signup-active>div#register-form-wrapper{
	display: flex;
}
.login-forms-wrapper form{
	max-width: 440px;
	width: 100%;
	background: #fff;
	padding: 48px 40px;
	border-radius: 16px;
	border: 1px solid #DFE4E9;
	box-shadow: 0px 6px 6px 0px #0000000A;
}
.nav-to-site-link{
	font-family: Heebo;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    text-align: right;
    vertical-align: middle;
    display: inline-flex;
}
.nav-to-site-link svg{
	margin-right: 10px;
	transition: .3s
}
.nav-to-site-link:hover svg path{
	fill: #5B2E93;
}
.nav-to-site{
	margin-right: auto;
}
.login-forms-wrapper form h3{
	font-family: Heebo;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #231F20;
	margin-bottom: 28px;
}
.login-forms-wrapper form .fieid-wrapper + .fieid-wrapper{
	margin-top: 16px;
}

.login-forms-wrapper form .fieid-wrapper{
	position: relative;
}
.login-forms-wrapper form .fieid-wrapper input{
	outline: none;
	border: 1px solid #DFE4E9;
	border-radius: 6px;
	padding: 9px 16px;
	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;
	color: #231F20;
}

.login-forms-wrapper form .fieid-wrapper input::placeholder{
	color: #878890;
}

.login-forms-wrapper form .fieid-wrapper input[type="email"]{
	direction: ltr;
	text-align: right;
}
.eye-icon{
	position: absolute;
    top: 9px;
    left: 16px;
}
.login-forms-wrapper form button,
.login-forms-wrapper form button:hover,
.login-forms-wrapper form button:active{
	width: 100%;
	background: #E94E14;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	margin-top: 32px;
	padding: 0 16px;
	height: 48px;
	border: none;
	outline: none;

	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #fff;

}

.change-form-scope{
	margin-top: 28px;

	font-family: Heebo;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

}

.change-form-scope a,
.change-form-scope a:hover,
.change-form-scope a:focus,
.change-form-scope a:active{
	font-family: Heebo;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #E94E14;

}
.eye-icon{
	cursor: pointer;
}
.mobile-navigation-timer{
	display: none;
}
.testing-mobile-control{
	display: none;
}
.test-single-result-nav-line{
	margin: -40px -40px 40px -40px;
	background: #fff;
	padding: 40px;
}
.test-single-result-nav-line .block-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.test-single-result-nav-line .block-wrapper .single-testing-title{
	font-family: Heebo;
	font-weight: 500;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;

	color: #231F20;
}
.test-single-result-nav-line .block-wrapper .go-back{
 	display: inline-flex;
 	align-items: center;

 	font-family: Heebo;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0%;
	text-align: right;
	vertical-align: middle;


 	color: #5B2E93;

}
.test-single-result-nav-line .block-wrapper .go-back svg{
	margin-right: 6px;
}
.mobile-start-step{
	display: none;
}
.testing-list-mobile-navigation{
	display: none;
}
.div-mobile-nav{
	display: none;
}
@media(max-width: 1750px){
	body.page-template-page-learning-topic, 
	body.page-template-page-testing-topic, 
	body.page-template-page-learning-init, 
	body.page-template-page-testing-relult, 
	body.page-template-page-testing-history, 
	body.page-template-page-testing-init{
		zoom: .9;
		height: calc(100vh / 0.9);
	}
}
@media(max-width: 1650px){
	body.page-template-page-learning-topic, 
	body.page-template-page-testing-topic, 
	body.page-template-page-learning-init, 
	body.page-template-page-testing-relult, 
	body.page-template-page-testing-history, 
	body.page-template-page-testing-init{
		zoom: .85;
		height: calc(100vh / 0.85);
	}
}
@media(max-width: 1600px){
	body.page-template-page-learning-topic, 
	body.page-template-page-testing-topic, 
	body.page-template-page-learning-init, 
	body.page-template-page-testing-relult, 
	body.page-template-page-testing-history, 
	body.page-template-page-testing-init{
		zoom: .8;
		height: calc(100vh / 0.8);
	}
}
@media(max-width: 1500px){
	body.page-template-page-learning-topic, 
	body.page-template-page-testing-topic, 
	body.page-template-page-learning-init, 
	body.page-template-page-testing-relult, 
	body.page-template-page-testing-history, 
	body.page-template-page-testing-init{
		zoom: .75;
		height: calc(100vh / 0.75);
	}
}
@media(max-width: 1200px){
	body.page-template-page-learning-topic, 
	body.page-template-page-testing-topic, 
	body.page-template-page-learning-init, 
	body.page-template-page-testing-relult, 
	body.page-template-page-testing-history, 
	body.page-template-page-testing-init{
		zoom: 1;
		height: 100vh;
	}
	.sidebar-size{
		width: 240px;
	}
	.main-side{
		width: calc( 100% - 240px );
	}
	.logo-side{
		height: 100%;
		padding: 6px 0;
	}
	.logo-side img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.page-template-page-testing-relult.active-list .testing-questions-wrapper{
		display: block;
	}
	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation	{
		display: flex;
		margin: -16px -16px 16px -16px;
        width: calc(100% + 32px);
        background: #fff;
        flex-direction: column;
        padding: 12px 16px;
        box-shadow: 0px 8px 12px 0px #0000000F;

	}
	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation .title-line{
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 400px;
		width: 100%;
        margin: 0 auto;
	}
	.back-to-statistic{
		display: flex;
	}
	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation .title-line .title-text{
		font-family: Heebo;
		font-weight: 500;
		font-size: 18px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: right;
		vertical-align: middle;

		color: #231F20;

	}
	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation .button-line{
		margin-top: 10px;
		display: flex;
		justify-content: center;
	}
	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation .button-line a{
		font-family: Heebo;
		font-weight: 400;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: right;
		vertical-align: middle;

		color: #231F20;

		height: 40px;

		border: 1px solid #5B2E93;

		border-radius: 6px;
		max-width: 400px;
		width: 100%;

		display: inline-flex;
		justify-content: center;
		align-items: center;
	}


	.page-template-page-testing-relult.active-list .mobile-start-step{
		display: none;
	}
	.questions-access{
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	.access-block{
		width: 100%;
		flex-direction: column;
	}
	.access-block + .access-block{
		margin-top: 0;
		margin-right: 24px;
	}
	.access-block .description-side{
		height: unset;
		margin-top: 30px;
		align-items: center;
	}

	.learning-content-wrapper .questions-nav{
		height: 70px;
		
		width: 100%;
		border-radius: 0;
		padding: 0;
	}
	.learning-content-wrapper .questions-list,
	.learning-content-wrapper .study-block{
		height: calc(100% - 70px);
		width: 100%;

	}
	.learning-content-wrapper{
		flex-direction: column-reverse;
		padding: 0;
	}

	.group-title{
		display: none;
	}
	.group-title.active{
		display: flex;
	}
	.questions-nav{
		position: relative;
	}
	.pagination-group-wrapper{
		position: relative;
		padding: 12px 16px;
		width: 100%;
		position: absolute;
		overflow: hidden;	
		background: #fff;
	}
	.paggination-group{
		position: relative;
		
	}
	.subgroup-list{
		display: none!important;
	}
	.pagination-group-wrapper.mobile-active  .group-title.active + .subgroup-list,
	.pagination-group-wrapper.mobile-active  .group-title{
		display: flex!important;
	} 
	.questions-access.has-access.has-scroll .access-block .description-side{
		width: unset;
	}
	.questions-access.has-access.has-scroll .access-block{
		padding: 30px 16px;
	}
	.access-block .image-side{
		margin: 0;
	}
	.questions-access.has-access.has-scroll .access-block .image-side{
		width: 135px;
		margin: 0;
	}
	.test-features{
		flex-wrap: wrap;
	}
	.test-features .single-test-feature{
		width: 100%;
		padding: 5px 8px;
		display: flex;
		flex-direction: row-reverse;
	}
	.test-features .single-test-feature .feature-value{
		width: 50px;
		margin-right: 15px;
	}
	.test-features .single-test-feature .feature-description{
		width: calc(100% - 65px);
	}
	.test-features .single-test-feature + .single-test-feature{
		margin-top: 4px;
	}
	.mobile-navigation-timer{
		display: flex;
		justify-content: center;
		background: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.mobile-navigation-timer .block-wrapper{
		max-width: 375px;
		padding: 12px 16px;
		display: flex; justify-content: space-between;
		direction: rtl;
		width: 100%;
	}
	.mobile-navigation-timer .block-wrapper .mobile-timer,
	.mobile-navigation-timer .block-wrapper .mobile-next{
		width: calc(50% - 5px);
	}
	.page-template-page-testing-topic .next-question{
		display: none;
	}
	.page-template-page-testing-topic .learning-content-wrapper .questions-list{
		padding: 0;
		overflow: unset;
		height: 100%;
		border-radius: 0;
		position: relative;
	}
	.mobile-next-question{
		margin: 0;
	}

	.mobile-timer{
		background: #52535D;
		border-radius: 6px;
		display: flex;
		justify-content: flex-start;
	}
	.mobile-timer .timer-wrapper{
		display: flex;
		justify-content: flex-start;
		padding: 0 8px;
	}
	#test-timer-mobile{
		font-family: Heebo;
	    font-weight: 500;
	    font-size: 18px;
	    line-height: 100%;
	    letter-spacing: 0%;
	    text-align: right;
	    vertical-align: middle;
	    color: #fff;
	}
	.page-template-page-testing-topic .learning-content-wrapper .questions-list .testing-questions-wrapper{
		margin: 16px;
		overflow-y: auto;
		margin-bottom: 136px;
	}
	.questions-nav.testing-nav{
		display: none;
	}
	.testing-mobile-control{
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #fff;
	}
	.testing-mobile-control .block-wrapper{
		max-width: 375px;
        padding: 12px 16px;
        display: flex;
        justify-content: space-between;
        direction: rtl;
        width: 100%;
	}
	.testing-popup{
		display: none;
	}
	.testing-mobile-control .block-wrapper a{
		width: calc(50% - 5px);
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid black;
		border-radius: 6px;

		font-family: Heebo;
		font-weight: 400;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: right;
		vertical-align: middle;

		color: #231F20;
		padding: 0 12px;

		height: 40px;
	}
	.testing-mobile-control .block-wrapper a.mobile-progress-steps{
		border-color: #5B2E93;
	}
	.testing-mobile-control .block-wrapper a.mobile-progress-steps .mobile-counter{
		color: #5B2E93;
	}
	.testing-mobile-control .block-wrapper a.mobile-statistic{
		border-color: #E94E14;
	}
	.testing-popup{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: none;
		align-items: center;
		justify-content: center;
		padding: 20px;
		box-sizing: border-box;

		background: #dfe4e98a;
	}
	.testing-popup.active{
		display: flex;
		z-index: 100;
	}
	.testing-popup .testing-popup-inner{
		max-width: 343px;
		padding: 16px;
		background: #fff;
		border-radius: 16px;
		width: 100%;
	}
	.testing-popup .header-side{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 12px;
	}
	.testing-popup .header-side .popup-title{
		font-family: Heebo;
		font-weight: 500;
		font-size: 18px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: right;
		vertical-align: middle;

		color: #231F20;

	}

	.testing-popup .scores-wrapper{
		padding: 0;
	}
	.testing-popup .scores-wrapper .scores-global-title{
		display: none;
	}
	.testing-popup .scores-wrapper .scores-blocks,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks{
		margin-top: 0;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block + .scores-block,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block + .scores-block{
		margin-top: 8px;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block .scores-block-title,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block .scores-block-title{
		color: #52535D;
		font-size: 16px;
		font-weight: 400;
		width: 120px;
		text-align: right;
		display: block; 
		order: 2;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block .block-counter,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block .block-counter{
		font-weight: 500;
		font-size: 18px;
		color: #231F20;
		width: 70px;
		text-align: left;
		display: block;
		order: 1;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block .correct-incorrect-counter,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block .correct-incorrect-counter{
		display: flex;
		justify-content: flex-start;
		width: 100%;
		order: 3;
		border-top: 1px solid #DFE4E9;
		padding-top: 16px;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block .correct-incorrect-counter .small-counter-block + .small-counter-block,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block .correct-incorrect-counter .small-counter-block + .small-counter-block{
		margin-right: 24px;
	}
	.testing-popup .scores-wrapper .scores-blocks .scores-block .only-mob-wwrapper,
	.page-template-page-testing-relult .mobile-start-step .scores-blocks .scores-block .only-mob-wwrapper{
		display: flex;
	    flex-direction: row-reverse;
	    width: 100%;
	    justify-content: space-between;
	    align-items: center;
	}
	.single-result{
		flex-wrap: wrap;
		justify-content: flex-start
	}
	.single-result>div{
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.history-block-inner .single-result{
		padding: 20px 16px;
	}
	
	.history-block-inner{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
	}
	.history-block-inner .single-result.active{
		width: calc(33% - 4px);
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 0!important;
		margin-bottom: 4px;
	}

	.history-block-inner .result-title{
		font-size: 16px;
		order: 0;
	}

	.history-block-inner .result-date{
		font-size: 12px;
		color: #878890;
		margin-top: 8px;
		order: 1;
	}
	.history-block-inner .question-number{
		order: 2;
		margin-top: 17px;
	}
	.history-block-inner .result-accuracy{
		width: unset!important;
		order: 4;
		margin-top: 16px;

	}
	.history-block-inner .results-block{
		width: 100%!important;
		order: 3;
		margin-top: 16px;
	}
	.history-block-inner .result-link{
		order: 5;
	}
	.result-link a{
		width: 100%;
		height: 40px;
		margin-top: 24px;
	}
	.page-template-page-testing-relult .learning-content-wrapper .questions-list{
		height: 100%;
	}
	.page-template-page-testing-relult .learning-content-wrapper>div{
		border-radius: 0
	}
	.page-template-page-testing-relult .test-single-result-nav-line,
	.page-template-page-testing-relult .testing-questions-wrapper{
		display: none;
	}
	.learning-content-wrapper .questions-list{
		padding: 16px;
		background: #eaebee;
	}
	.page-template-page-testing-relult .mobile-start-step{
		display: flex;
		max-width: 400px;
		margin: 0 auto;
		background: #fff;
		border-radius: 16px;
	}
	.page-template-page-testing-relult .mobile-start-step .test-result-errors-description {
		font-family: Heebo;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;

		color: #231F20;
	}
	.page-template-page-testing-relult .mobile-start-step .test-result-error{
		font-family: Heebo;
		font-weight: 400;
		font-size: 14px;
		line-height: 120%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		margin-top: 4px;
	}

	.page-template-page-testing-relult .mobile-start-step .single-testing-title{
		font-family: Heebo;
		font-weight: 500;
		font-size: 18px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;
		margin-top: 12px;

		color: #231F20;
	}

	.page-template-page-testing-relult .mobile-start-step .test-result-date{	
		font-family: Heebo;
		font-weight: 500;
		font-size: 12px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: center;
		vertical-align: middle;

		color: #878890;
		margin-top: 2px;
	}
	.page-template-page-testing-relult .mobile-start-step .test-result-percent{
		font-family: Heebo;
		font-weight: 500;
		font-size: 60px;
		line-height: 100%;
		letter-spacing: 0%;
		text-align: center;	
		margin-top: 20px;
	}
	.page-template-page-testing-relult .mobile-start-step .see-all-questions{
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		padding: 0 12px;
		margin-top: 24px;
		height: 40px;

		font-family: Heebo;
		font-weight: 400;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: right;
		vertical-align: middle;

		color: #231F20;

		border: 1px solid #E94E14;
		border-radius: 6px;

	}

	.page-template-page-testing-relult .mobile-start-step .go-back{

		margin: 16px auto 0;

		display: flex;
		justify-content: center;
		align-items: center;

		font-family: Heebo;
		font-weight: 400;
		font-size: 16px;
		line-height: 130%;
		letter-spacing: 0%;
		text-align: right;
		vertical-align: middle;

		color: #5B2E93;
	}
}
@media(max-width: 1024px){
	header .content-wrapper-full{
		height: 60px;
	}
	body.admin-bar .learning-layout{
		height: calc(100% - 92px);
	}
	body .learning-layout{
		height: calc(100% - 60px);
	}
	.questions-access{
		padding: 16px;
	}
	.header-title{
		font-size: 16px;
	}
	.access-block + .access-block{
		margin-right: 16px;	
	}
	.access-block .image-side{
		width: 135px;
	}
	.access-block .description-side{
		margin-top: 20px;
	}
	.access-block .description-side .access-title{
		font-size: 20px;
	}
	.questions-access.has-access .access-block .description-side .access-subtext-biiger{
		font-size: 14px;
		margin-top: 12px;
	}
	.questions-access.has-access .access-block .description-side a, .next-question, .mobile-next-question{
		height: 40px;
	}
	.question-block{
		padding: 24px 16px;
	}
	.question-title h3{
		font-size: 14px;
		max-width: 100%;
		width: calc(100% - 41px);
	} 
	.question-title .question-number{
		width: 29px;
		height: 29px;
		font-size: 12px;
		margin-right: 0;
	}
	.question-title{
		flex-wrap: wrap;
		
	}
	.question-title .question-mandatory-label{
		margin-right: 0;
		margin-top: 10px;
	}
	.question-answers-list-wrapper .question-answers .answer-item + .answer-item{
		margin-top: 6px;
	}

	.question-answers-list-wrapper .question-answers .answer-item a, .question-answers-list-wrapper .question-answers .answer-item a:hover, .question-answers-list-wrapper .question-answers .answer-item a:focus, .question-answers-list-wrapper .question-answers .answer-item a:visited{
		font-size: 14px;
	}
	.question-answers-list-wrapper{
		flex-direction: column;
	}
	.question-answers-list-wrapper .question-image{
		margin-top: 16px;
		width: 100%;
		max-width: 360px;
		margin-right: 0;
	}
	.testing-list li{
		width: calc(20% - 4px);
	}
	.testing-list{
		padding: 0;
	}
	.header-title span{
		font-size: 14px;
	}
	.history-tabs{
		padding: 12px 16px;
		border-radius: 0;
		margin: -16px -16px 0px;
		width: calc(100% + 32px);
		position: absolute;
		top: 0;
		right: 0;
	}
	.history-list{
		padding: 16px;
		border-radius: 0;
	}
	.history-list .history-block-wrapper{
		overflow: unset;
		border-radius: 0;
		background-attachment: unset;
		position: relative;
		padding: 0;
		padding-top: 66px;
    	background: unset;
    	box-shadow: none;
	}
	.history-list .history-block-wrapper .history-block-inner{
		overflow-y: auto;
		padding: 0;
		height: 100%;
		border-radius: 16px;
		justify-content: space-between;
        align-items: flex-start;

	}

	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation{
		margin: 0;
		width: calc(100% - 240px);
		position: absolute;
		left: 0;
		z-index: 1;
	}
	.page-template-page-testing-relult.active-list .seaschool-header{
		position: relative;
	}
	.page-template-page-testing-relult.active-list .learning-content-wrapper .questions-list{
		padding-top: 128px;
	}
}	

@media(max-width: 768px){
	.footer-mobile-links ul{
		display: flex;
		flex-direction: column;
	}
	.footer-mobile-links ul li + li{
		margin-top: 24px!important;
	}
	.footer-mobile-links ul li a{
		text-align: center!important;
		display: flex!important;
		justify-content: center;
	}
	.login-forms-wrapper form{
		padding: 24px 16px;
	}
	.login-forms-wrapper form h3{
		font-size: 18px;
		font-weight: 790;
		margin-bottom: 16px;
		color: #52535D;
	}
	.login-forms-wrapper form .fieid-wrapper + .fieid-wrapper{
		margin-top: 8px;
	}
	.login-forms-wrapper form button, .login-forms-wrapper form button:hover, .login-forms-wrapper form button:active{
		margin-top: 16px;
	}
	.change-form-scope{
		margin-top: 16px;
	}
	.learning-sidebar{
		position: absolute;
		right: -1000px;
		width: 270px;
		transition: .3s;
		top: 60px;
		height: calc(100%  - 60px);
		z-index: 1;
		height: calc(100% - 60px);
	}
	body.admin-bar .learning-sidebar{
		height: calc(100%  - 106px);
		top: 106px;
	}
	body.active-main-menu .learning-sidebar{
		right: 0;
	}
	.div-mobile-nav{
		display: inline-flex;
	}
	.mob-menu-toggle{
		width: 38px;
		height: 38px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mob-menu-toggle .menu-close{
		display: none;
	}
	.question-pagination{
		position: absolute;
	    bottom: 0;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	    right: 0;
	    padding: 12px 16px;
	    justify-content: center;
	    background: #fff;
	}
	.question-pagination .pagination-button{
		height: 40px;
		width: calc(50% - 16px);
		max-width: 200px;
	}
	.question-pagination .pagination-button + .pagination-button{
		margin-right: 16px;
	}
	body.active-main-menu .mob-menu-toggle .menu-close{
		display: flex;
	}
	body.active-main-menu .mob-menu-toggle .menu-btn{
		display: none;
	}
	.questions-sidebar{
		width: 100%;
	}
	.history-tabs{
		display: flex;
		justify-content: center;
	}
	.history-tabs .type-tab{
		margin: 0 2px;
		min-width: 50px;
	}
	.history-block-inner .single-result.active{
		width: 100%;
		margin: 0;
	}
	.history-block-inner .single-result.active + .single-result.active{
		margin-top: 12px!important;
	}
	body.admin-bar .learning-layout{
		height: calc(100% - 106px);
	}
	.logo-side.sidebar-size{
		padding: 0;
		width: unset;
		border: none;
		justify-content: center;
		align-items: center;


	}
	.logo-side.sidebar-size img{
		height: 36px;
	}
	.seaschool-header .content-wrapper-full{
		padding: 0 16px;
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		background: #fff;
	}
	.seaschool-header .content-wrapper-full .main-side{
	}
	.div-mobile-nav a span{
		display: flex;
	}
	.questions-access.has-access.has-scroll .access-block .description-side,
	.questions-access.has-access .access-block .description-side{
		width: 280px;
	}
	header .main-side{
		background: #fff;
		width: unset;
	}
	.page-template-page-testing-relult.active-list .testing-list-mobile-navigation{
		width: 100%;
	}
	body.page-template-page-learning-topic .questions-list,
	body.page-template-page-testing-relult .questions-list,
	.questions-access,
	.history-list .history-block-wrapper .history-block-inner{
		padding-bottom: 80px;
	}
	body.page-template-page-learning-topic .questions-list{
		padding-bottom: 144px;
	}
	.main-side{
		padding: 10px 0;
	}
	.header-title{
		font-size: 0;
	}
	
}


/* fix the elementor styles start */
body.single-product button.single_add_to_cart_button{
	width: 230px!important;
	max-width: 100%!important;
	text-align: right!important;
	border-radius: 6px!important;
}

body .custom-padding-text-entire .elementor-widget-container>*{
	margin-bottom: 0;
}
body .custom-padding-text-entire .elementor-widget-container>* + *{
	margin-top: 20px;
}
body .no-add-to-cart  a.button.ajax_add_to_cart{
	display: none!important;
}
body .custom-review-icon .elementor-testimonial__image img{
	height: 24px!important;
	width: 30px!important;
}
@media(max-width: 768px){
	.order-zero{
		order: 2!important;
	}
}
#billing_phone{
	text-align: right;
	direction: ltr;
}
.woocommerce-billing-fields__field-wrapper .form_hidden,
.woocommerce-form-coupon-toggle{
	display: none!important;
}
body.woocommerce-checkout #payment #place_order, body.woocommerce-checkout #payment #place_order{
	background: #E94E14!important;
	color: #fff!important;
	display: inline-flex!important;
	max-width: 230px!important;
	width: 100%!important;
	height: 40px!important;

	font-size: 16px!important;
	font-weight: 400!important;
	padding: 9px 12px!important;
	border-radius: 6px!important;

	justify-content: flex-start;
	align-items: center;
}
/* fix the elementor styles end   */