/* preinit.css - Extracted inline CSS for driving-tests.org pre-init pages */
/* Generated: 2026-04-11 */
/* Blocks: Modal, Layout, Test Engine, Pre-Init, Enrichment, Footer */

/* ===== Modal & UI ===== */
/* modal window */
[data-toggle="modal-window"] {
    cursor: pointer;
}
.modal-window {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	align-items: center;
	z-index: 999999;
    opacity: 0;
	pointer-events: none;
}
.modal-window.active {
	pointer-events: all;
    opacity: 1;
}
.modal-window.fullsize.active {
	overflow-y: auto;
}
.modal-window .modal-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100vw - 40px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 572px;
	border-radius: 20px;
	background-color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	z-index: 2;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.modal-window.small .modal-inner {
	max-width: 400px;
}
.modal-window.fullsize .modal-inner {
	position: relative;
	top: auto;
	left: auto;
	margin: 20px auto 20px;
	border-radius: 20px;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}
.modal-window.active .modal-inner {
	opacity: 1;
}
.modal-window .img {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: #F2F2F7;
}
.modal-window .img img {
	display: block;
	max-width: 100%;
	max-height: 308px;
}
.modal-window .content {
	padding: 20px 32px 32px;
}
.modal-window h3, 
.modal-window .modal-content-title {
	margin: 0 0 15px;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.25;
	color: #000;
}
.modal-window p {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}
.modal-window h4, 
.modal-window .modal-content-subtitle {
	font-size: 20px;
	line-height: 1.4;
	text-align: left;
	font-weight: 600;
	margin-bottom: 8px;
}
.modal-window .content strong {
	font-weight: 500;
}
.modal-window .content .text-center {
    text-align: center;
}
.modal-window .content a {
	color: #007AFF;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration: none;
}
.modal-window .content a:hover {
	border-color: #007AFF;
}
.modal-window .content .buttons {
	display: flex;
	gap: 12px;
	flex-wrap: nowrap;
}
.modal-window .content .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	height: 62px;
	margin: 0;
	background-color: #007AFF;
	border-radius: 12px;
	border: 1px solid #007AFF;
	outline: none;
	font-family: "proxima-nova", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}
.modal-window .content .btn.secondary {
    background-color: transparent;
    color: #007AFF;
}
.modal-window .modal-btns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 20px 0 0;
}
.modal-window .modal-btns .btn {
    padding: 12px 16px;
    border: 1px solid #000;
    border-radius: 12px;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    background-color: inherit;
    box-sizing: border-box;
}
.modal-window .modal-btns .btn:hover {
    border-color: inherit;
}
.modal-window .modal-btns .btn.loading {
    color: transparent !important;
    background-image: url(/img/loader-black.svg);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.modal-window .modal-btns .btn.primary {
    background-color: #007aff;
    color: #fff;
    border-color: #007aff;
}
.modal-window .modal-btns .btn.primary.danger {
    background-color: #FF9292;
    border-color: #FF9292;
}
.night-mode .modal-window .modal-btns .btn {
    color: #fff;
    border-color: #fff;
}
.night-mode .modal-window .modal-btns .btn.primary {
    background-color: #007aff;
    border-color: #007aff;
}
.night-mode .modal-window .modal-btns .btn.primary.danger {
    background-color: #FF7C7C;
    border-color: #FF7C7C;
}
.modal-window .link {
	display: block;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	color: #007AFF;
	text-align: center;
	text-decoration: none;
}
.modal-window .overlay-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.80);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.modal-window.active .overlay-modal {
	opacity: 1;
}
.modal-window .close {
	position: absolute;
	top: 13px;
	right: 13px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.37882 6.02954C6.06339 5.71411 5.55199 5.71411 5.23657 6.02954C4.92114 6.34496 4.92114 6.85636 5.23657 7.17178L10.8578 12.793L5.23657 18.4142C4.92114 18.7296 4.92114 19.241 5.23657 19.5564C5.55199 19.8718 6.06339 19.8718 6.37882 19.5564L12 13.9352L17.6212 19.5564C17.9366 19.8718 18.448 19.8718 18.7634 19.5564C19.0789 19.241 19.0789 18.7296 18.7634 18.4141L13.1423 12.793L18.7634 7.17179C19.0789 6.85637 19.0789 6.34497 18.7634 6.02954C18.448 5.71412 17.9366 5.71412 17.6212 6.02954L12 11.6507L6.37882 6.02954Z' fill='%23A8A8AE'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95333 5.74826C5.42497 5.27662 6.18964 5.27662 6.66127 5.74826L11.9996 11.0866L17.3379 5.74826C17.8096 5.27663 18.5743 5.27663 19.0459 5.74826C19.5175 6.2199 19.5175 6.98457 19.0459 7.4562L13.7075 12.7945L19.0459 18.1329C19.5175 18.6045 19.5175 19.3692 19.0459 19.8408C18.5743 20.3124 17.8096 20.3124 17.338 19.8408L11.9996 14.5025L6.66127 19.8408C6.18964 20.3124 5.42497 20.3124 4.95333 19.8408C4.4817 19.3692 4.4817 18.6045 4.95333 18.1329L10.2917 12.7945L4.95333 7.45619C4.4817 6.98456 4.4817 6.21989 4.95333 5.74826ZM5.23618 7.17335C4.92075 6.85792 4.92075 6.34652 5.23618 6.0311C5.5516 5.71568 6.063 5.71568 6.37843 6.0311L11.9996 11.6523L17.6208 6.03111C17.9362 5.71568 18.4476 5.71568 18.763 6.03111C19.0785 6.34653 19.0785 6.85793 18.763 7.17336L13.1419 12.7945L18.763 18.4157C19.0785 18.7311 19.0785 19.2425 18.763 19.558C18.4476 19.8734 17.9362 19.8734 17.6208 19.558L11.9996 13.9368L6.37843 19.558C6.063 19.8734 5.5516 19.8734 5.23618 19.558C4.92075 19.2425 4.92075 18.7311 5.23618 18.4157L10.8574 12.7945L5.23618 7.17335Z' fill='%23A8A8AE'/%3e%3c/svg%3e") center center no-repeat;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	opacity: 1;
	float: none;
	text-shadow: none;
	cursor: pointer;
}

@media (max-width: 767px) {
	.modal-window .modal-inner {
		top: auto;
		left: 0;
		bottom: 0;
		width: 100%;
		border-radius: 20px 20px 0 0;
		-webkit-transform: translate(0, 100%);
		-moz-transform: translate(0, 100%);
		transform: translate(0, 100%);
	}
	.modal-window.active .modal-inner {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
	.modal-window .content {
		padding: 20px 20px 24px;
	}
	
	.modal-window h3, 
	.modal-window .modal-content-title {
		font-size: 19px;
	}
	
	.modal-window p {
		font-size: 16px;
		line-height: 1.4;
	}
	
	.modal-window .btn {
		height: 46px;
        font-size: 16px;
	}
	.modal-window .modal-btns {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
    .modal-window .modal-btns .btn {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        padding: 12px;
    }
}

.night-mode .modal-window .modal-inner {
	background-color: #1C1C1C;
}
.night-mode .modal-window .img {
	background-color: #2B2B30;
}
.night-mode .modal-window p,
.night-mode .modal-window h3,
.night-mode .modal-window h4,
.night-mode .modal-window .modal-content-title,
.night-mode .modal-window .modal-content-subtitle {
	color: #F2F2F7 !important;
}
.night-mode .modal-window .close {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.37882 5.73657C6.06339 5.42114 5.55199 5.42114 5.23657 5.73657C4.92114 6.05199 4.92114 6.56339 5.23657 6.87882L10.8578 12.5L5.23657 18.1212C4.92114 18.4366 4.92114 18.948 5.23657 19.2634C5.55199 19.5789 6.06339 19.5789 6.37882 19.2634L12 13.6422L17.6212 19.2634C17.9366 19.5788 18.448 19.5788 18.7634 19.2634C19.0789 18.948 19.0789 18.4366 18.7634 18.1212L13.1423 12.5L18.7634 6.87882C19.0789 6.5634 19.0789 6.052 18.7634 5.73658C18.448 5.42115 17.9366 5.42115 17.6212 5.73658L12 11.3578L6.37882 5.73657Z' fill='%23A8A8AE'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.9537 5.4537C5.42533 4.98207 6.19 4.98207 6.66164 5.4537L12 10.792L17.3383 5.45371C17.8099 4.98207 18.5746 4.98207 19.0463 5.45371C19.5179 5.92534 19.5179 6.69001 19.0463 7.16164L13.7079 12.5L19.0462 17.8383C19.5179 18.3099 19.5179 19.0746 19.0463 19.5462C18.5746 20.0179 17.8099 20.0179 17.3383 19.5463L12 14.2079L6.66164 19.5463C6.19 20.0179 5.42533 20.0179 4.9537 19.5463C4.48207 19.0746 4.48207 18.31 4.9537 17.8383L10.292 12.5L4.9537 7.16164C4.48207 6.69 4.48207 5.92533 4.9537 5.4537ZM5.23654 6.87879C4.92112 6.56337 4.92112 6.05197 5.23654 5.73654C5.55197 5.42112 6.06337 5.42112 6.37879 5.73654L12 11.3577L17.6212 5.73655C17.9366 5.42113 18.448 5.42113 18.7634 5.73655C19.0788 6.05197 19.0788 6.56338 18.7634 6.8788L13.1422 12.5L18.7634 18.1212C19.0788 18.4366 19.0788 18.948 18.7634 19.2634C18.448 19.5788 17.9366 19.5788 17.6212 19.2634L12 13.6422L6.37879 19.2634C6.06337 19.5788 5.55197 19.5788 5.23654 19.2634C4.92112 18.948 4.92112 18.4366 5.23654 18.1212L10.8577 12.5L5.23654 6.87879Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
}

/* ===== Layout, Header, Nav, Cards, Banners ===== */
html, body {
    scroll-behavior: smooth;
}
body {
    width: 100%;
    overflow-x: clip;
    margin: 0;
    /*overflow-x: hidden;*/
    font-family: "proxima-nova", sans-serif;
    background-color: #f2f3f7;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
body.customize-support {
    min-height: calc(100vh - 32px);
}
body>#container {
    flex-grow: 1;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.exit-library-mode-wrap {
    padding: 5px 20px;
    text-align: center;
    border-top: 1px solid #d1d5dca6;
    border-bottom: 1px solid #d1d5dca6;
}
.exit-library-mode-link {
    color: #7c7c91;
}

#header {
    width: 100%;
    float: none;
    /*transition: width 0.2s ease-out;*/
    position: relative;
    z-index: 1001;
}
.sidebar-open #header {
    width: calc(100% - 350px);
    float: left;
}
#header > .container,
#inner_wrapper {
    max-width: 1113px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
#header > .container {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 8px 15px;
}
#sidebar {
    display: none;
    width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 15px 15px 0 0;
    box-sizing: border-box;
}
.sidebar-open #sidebar {
    display: block;
}
#outer_layout,
#wrapper {
    width: 100%;
}
#outer_layout {
    position: relative;
    /*overflow: hidden;*/
    /*transition: width 0.2s ease-out;*/
}
.sidebar-open #outer_layout {
    width: calc(100% - 350px);
}
#wrapper {
    clear: both;
}
#sidebar_collapse {
    width: 53px;
    height: 100%;
    position: absolute;
    left: -53px;
    visibility: hidden;
}

#header #logo {
    display: block;
    float: left;
    width: 180px;
    height: 40px;
    font-family: npr4logo;
    font-weight: normal;
    font-style: normal;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    font-size: 28px;
    line-height: 28px;
    text-decoration: none;
    color: #1a69ff;
    white-space: nowrap;
    background-image: url('/img/dt-small-fill.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    flex-shrink: 0;
}
#type_main #header #logo {
    cursor: default;
    pointer-events: none;
}
#header #hCurrentState:empty {
	display: none
}

#header #nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 35px;
    padding: 0;
}

#header #nav > li {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
#header #nav > .dropdown-wrp {
    position: relative;
}
#header #nav > li > a {
    border-radius: 20px;
}
#header #nav > li a:hover {
    background-color: #F2F2F7;
}
#header #nav .primary-btn {
    display: inline-block;
    background-color: #fad92c;
    color: #000;
    font-family: "proxima-nova", sans-serif;
    font-weight: 600;
    padding: 8px 15px;
    transition: all 0.3s ease-in-out;
    border-radius: 8px !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
#header #nav .primary-btn:hover {
    background-color: #fad92c;
    color: #000;
    transform: translateY(-3px);
}
#header #nav .primary-btn:visited {
    color: #000;
}
#header #nav #instructor-note {
    margin: 0 8px 0 30px;
}
#header #nav .header-note {
    font-size: 14px;
    line-height: 1.35;
    color: #808080;
}

.sidebarWidget {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    padding: 20px 20px 28px;
}
#sidebar .sidebarWidget#smartProgressWidget {
    padding: 0;
}
#sidebar .sidebarWidget.gpt-wrapper {
    margin-top: 20px;
}
.chat-hidden .gpt-wrapper {
    display: none !important;
}
.sidebarWidget {
    margin-bottom: 16px;
}
#sticky>.sidebarWidget:last-child {
    margin-bottom: 0;
}
#sidebar .vehicleWidget {
    display: none;
}
#sidebar .vehicleWidget.active {
    display: block;
}
#tprWidget {
    padding: 20px;
    margin-bottom: 20px;
}
#tprWidget h2,
#tprWidget .h2 {
    margin: 0 0 4px;
}
#tprWidget p {
    margin: 0 0 24px;
}
#tprWidget .classendor {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
#tprWidget .classendor {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}
#tprWidget .classendor > svg {
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    margin-right: 8px;
}
#tprWidget .classendor.uncompleted > svg {
    width: 24px;
    height: 24px;
    margin-left: -2px;
}
#tprWidget .classendor .classendor-title {
    margin-right: 10px;
}
#tprWidget .classendor .classendor-status {
    color: #808080;
    margin-left: auto;
}
#tprWidget .classendor a.classendor-status {
    color: #007aff;
    text-decoration: none;
    transition: transform 0.3s;
    display: flex;
    align-items: center;
}
#tprWidget .classendor.missing-info a.classendor-status {
    color: #ff4343;
}
#tprWidget .classendor a.classendor-status > svg {
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 2px;
    flex-shrink: 0;
}
#tprWidget .classendor a.classendor-status:hover {
    text-decoration: none;
    transform: translateY(-2px);
}
#tprWidget .classendor a.classendor-status:visited {
    color: #007aff;
}
#tprWidget .classendor.missing-info a.classendor-status:hover,
#tprWidget .classendor.missing-info a.classendor-status:visited {
    color: #ff4343;
}

#sidebar .sidebarWidget.progressItemWidget {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.35;
}
.progressItemWidget .widgetWrp{
    display: flex;
    align-items: center;
}
.progressItemWidget .widgetImg {
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}
.progressItemWidget .widgetImg > svg {
    display: block;
}
.progressItemWidget .widgetContent {
    margin-left: 8px;
}
.progressItemWidget .widgetTitle {
    margin: 0;
    font-weight: 600;
}
.progressItemWidget .widgetContent .widgetInfo {
    color: #007AFF;
}
.progressItemWidget .widgetResult {
    font-weight: 700;
    color: #007AFF;
    margin-left: auto;
}
#sidebar .smartProgressWrp {
    position: relative;
    padding: 20px 20px 28px;
}
.sidebarWidget h2,
.sidebarWidget .h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 8px;
}
#sidebar .sidebarWidget .description h2,
#sidebar .sidebarWidget .description .h2 {
    font-size: 16px;
    line-height: 20px;
}
#sidebar .smartProgressWrp .smartProgressText a,
#sidebar .smartProgressWrp .itemResult a,
#sidebar .diagramMsg a {
    text-decoration: none;
    color: #007aff;
    font-weight: 600;
    transition: color 0.2s;
}
#sidebar .smartProgressWrp .smartProgressText a:hover,
#sidebar .smartProgressWrp .itemResult a:hover,
#sidebar .diagramMsg a:hover {
    color: #0f5cf2;
}
#sidebar .smartProgressWrp .itemResult a {
    display: inline-block;
    vertical-align: middle;
}
#sidebar .smartProgressWrp .itemResult a svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.smartProgressWrp .headerProgress {
    display: block;
    width: 100%;
    height: 24px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    text-align: center;
    font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    color: inherit;
    margin-bottom: 6px;
}
.smartProgressWrp .headerProgressNum {
    color: #8C8C9A;
}
.smartProgressWrp .headerProgressBar[style*="width"] ~ .headerProgressNum {
    font-weight: 600;
    color: inherit;
}
.smartProgressWrp#motoProgressWrp .headerProgress,
.smartProgressWrp#cdlProgressWrp .headerProgress {
    height: 27px;
    background-color: #F2F2F7;
    font-weight: 600;
}
.smartProgressWrp#motoProgressWrp .headerProgressNum,
.smartProgressWrp#cdlProgressWrp .headerProgressNum {
    color: #000;
}
.night-mode .smartProgressWrp .headerProgress {
    background-color: #1C1C1C;
}
.smartProgressWrp .headerProgress:hover,
.smartProgressWrp .headerProgress:visited {
    text-decoration: none;
    color: inherit;
}
.smartProgressWrp .headerProgress .headerProgressBar {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #8DF4A9;
    z-index: -1;
    transition: width 0.5s;
}
.night-mode .smartProgressWrp .headerProgress .headerProgressBar {
  background-color: #00B67A;
}
#sidebar .sidebarWidget p,
#sidebar .sidebarWidget .description li {
    font-size: 14px;
    line-height: 18px;
    color: #4e4e59;
}
#sidebar .sidebarWidget .description li {
    margin-left: 15px;
}


.nav-tabs {
    display: inline-block;
    display: flex;
    width: 100%;
    padding: 2px;
    background-color: #dddfe7;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 0;
}
.nav-tabs li {
    display: inline-block;
    vertical-align: top;
    flex-grow: 1;
    position: relative;
}
.nav-tabs li a {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    color: #7c7c91;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}
.nav-tabs li:nth-child(2):before {
    content: "";
    position: absolute;
    left: 0;
    top: 15%;
    width: 0;
    height: 70%;
    border-left: 1px solid #cbcbcb;
}
.nav-tabs li:nth-child(2):after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    width: 0;
    height: 70%;
    border-right: 1px solid #cbcbcb;
}
.nav-tabs li.active:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 15%;
    width: 0;
    height: 70%;
    border-left: 1px solid #dddfe7;
    z-index: 1;
}
.nav-tabs li.active:after {
    content: "";
    position: absolute;
    right: -1px;
    top: 15%;
    width: 0;
    height: 70%;
    border-right: 1px solid #dddfe7;
    z-index: 1;
}
.nav-tabs li:first-child:before,
.nav-tabs li:last-child:after {
    content: none !important;
}
.nav-tabs li.active {
    border-radius: 20px;
}
.nav-tabs li.active a {
    background-color: #fff;
    color: #000;
    box-sizing: border-box;
}

#progress-widget .smartProgressWrp {
    position: relative;
    flex-direction: column;
}
#progress-widget .smartProgressWrp h2, #progress-widget .smartProgressWrp .h2 {
    font-size: 1.375rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 15px;
}
#progress-widget .smartProgressWrp .widget-header>a {
    display: none;
}
#progress-widget .smartProgressWrp .smartProgressText a, #progress-widget .smartProgressWrp .itemResult a, #progress-widget .diagramMsg a {
    text-decoration: none;
    color: #007AFF;
    font-weight: 600;
}
#progress-widget .smartProgressWrp .itemResult a {
    display: inline-block;
    vertical-align: middle;
}
#progress-widget .smartProgressWrp .itemResult a svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

#progress-widget .smartProgressWrp .headerProgress {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    text-align: center;
    font-size: 1.125rem;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    color: inherit;
    margin-bottom: 12px;
}
#progress-widget .smartProgressWrp .headerProgress:active, #progress-widget .smartProgressWrp .headerProgress:visited {
    text-decoration: none;
    color: inherit;
}
#progress-widget .smartProgressWrp .headerProgress .headerProgressBar {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #8DF4A9;
    z-index: -1;
    transition: width 0.5s;
}
#progress-widget .smartProgressWrp p {
    font-size: 1rem;
    line-height: 1.2;
    color: #7C7C91;
}
#progress-widget ul.progressTabs {
    background-color: #DDDFE7;
}
#progress-widget .progressItem > span:first-of-type {
    font-weight: 600;
}
#progress-widget .nav-tabs li a {
    font-size: 1rem;
}
#progress-widget .progressContentWrapper {
    margin: 0;
}
#progress-widget .progressItem {
    padding-left: 10px;
}
#progress-widget .smartProgressWrp .h3 {
    font-size: 18px;
    margin: 16px 0;
}

ul.progressTabs {
    background-color: #F2F2F7;
    margin: 8px 0;
}
ul.progressTabs li:nth-child(2):before,
ul.progressTabs li:nth-child(2):after {
	border-color: #A8A8AE;
}
ul.progressTabs li.active:before,
ul.progressTabs li.active:after {
    border-color: #F2F2F7;
}
ul.progressTabs li a {
	color: #8C8C9A;
}
ul.progressTabs li.active a {
	color: #000;
}
.night-mode ul.progressTabs {
	background-color: #1C1C1C;
}
.night-mode ul.progressTabs li a {
	color: #8C8C9A;
}
.night-mode ul.progressTabs li.active {
	background-color: transparent !important;
}
.night-mode ul.progressTabs li.active a {
	background-color: rgba(133, 133, 149, 0.20);
	color: #F2F2F7;
}
.night-mode ul.progressTabs li.active:before,
.night-mode ul.progressTabs li.active:after {
    border-color: #1C1C1C;
}

.progress-pie-chart {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    border: 1px solid #85859533;
    box-sizing: border-box;
}
.smartProgressWidget .progressItem .progress-pie-chart {
    position: absolute;
    top: 6px;
    left: 10px;
}
.progress-pie-chart.gt-50 {
    background-color: #00B67A;
}
.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 9px);
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    clip: rect(0, 18px, 18px, 9px);
}
.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 9px);
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    clip: rect(0, 9px, 18px, 0);
    background: #00B67A;
    transform: rotate(0deg);
}
.night-mode .ppc-progress .ppc-progress-fill {
	background-color: #8DF4A9;
}
.gt-50 .ppc-progress {
    clip: rect(0, 10px, 20px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 20px, 20px, 10px);
    background: #fff;
}
.progress-pie-chart.gt-100 {
    border-color: #00B67A;
}
.night-mode .progress-pie-chart.gt-100 {
	border-color: #8DF4A9;
}
.progress-pie-chart.gt-100:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L5 7L11 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: 4.5px;
}
.night-mode .progress-pie-chart.gt-100:after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L5 7L11 1' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
#progress-link .progress-pie-chart {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    vertical-align: middle;
}
.progressItem {
    padding: 6px 6px 6px 42px;
    position: relative;
    cursor: default;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}
.anchorItem {
    cursor: pointer;
}
.progressItemWrp {
    height: 32px;
    overflow: hidden;
    transition: height .3s ease-out;
}
.progressItemWrp .mainItem {
    padding-right: 34px;
}
.progressItemWrp .mainItem:after {
    content: '';
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve' fill='%23858595' fill-opacity='0.8'%3E%3Cpolygon points='2,7.375 12,18 22,7.438 20.594,6 12,15.094 3.438,6 '/%3E%3C/svg%3E%0A");
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 6px;
    top: 6px;
    transition: transform .3s ease-out;
}
.progressItemWrp.active .mainItem:after {
    transform: rotate(-180deg);
}
.progressItemWrp .subItems {
    padding-left: 30px;
}
.preogressItem:last-of-type {
    margin-bottom: 0;
}
.smartProgressWidget .progressItem > span:not(.label) {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
#menu .progressItem > span:last-of-type {
    margin-left: auto;
}
/*.progressItem.subItem > span {
    color: #4E4E59;
}*/
.progressItem .itemResult {
    font-weight: 600;
    color: #808080;
    margin-left: auto;
}
.progressItem.anchorItem {
    flex-wrap: nowrap;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.2s;
}
.progressItem.anchorItem:hover {
    background-color: #f2f3f7;
}
.progressItem.progressChallengeBank {
    display: none;
}
.progressContentWrapper .progressContent {
    display: none;
}
.progressContentWrapper .progressContent.active {
    display: block;
}
.sidebarWidget .widget-btn {
    display: block;
    width: 100%;
    background-color: #f2f3f7;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    box-sizing: border-box;
    margin-top: 10px;
    text-decoration: none;
    color: #000;
}
.sidebarWidget .widget-btn:hover {
    color: #007aff;
}
.sidebarWidget .widget-btn.success-btn,
.sidebarWidget .widget-btn.success-btn:hover {
    background-color: #00B67A;
    color: #000;
}
.sidebarWidget .widget-btn.danger-btn,
.sidebarWidget .widget-btn.danger-btn:hover {
    background-color: #ff7c7c;
    color: #fff;
}
.sidebarWidget .widget-btn.primary-btn,
.sidebarWidget .widget-btn.primary-btn:hover {
    background-color: #007aff;
    color: #fff;
}
.sidebarWidget .widget-small-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.sidebarWidget .widget-small-btns .widget-btn {
    width: auto;
    flex-grow: 1;
    margin-top: 0;
}
.sidebarWidget .widget-link {
    color: #808080;
    font-size: 14px;
    line-height: 1.35;
    display: flex;
    align-items: center;
    transition: color 0.3s;
    text-decoration: none;
    margin-bottom: 4px;
}
.sidebarWidget .widget-link>svg.arrow {
    display: block;
    width: 14px;
    height: 15px;
    flex-shrink: 0;
}
.sidebarWidget .widget-link:last-of-type {
    margin-bottom: 0;
}
.sidebarWidget .widget-link:hover {
    color: #007aff;
    text-decoration: none;
}
.sidebarWidget p {
    margin: 4px 0 12px;
}
.sidebarWidget p a,
.sidebarWidget p a:hover,
.sidebarWidget p a:visited {
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 122, 255, 0.6);
    color: #007aff;
}
.sidebarWidget h3,
.sidebarWidget .h3 {
    color: #7c7c91;
    text-transform: uppercase;
    font-size: 14px;
    margin: 16px 0 5px;
    letter-spacing: 0.7px;
}
.smartProgressWrp h3,
.smartProgressWrp .h3 {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    color: #000;
    text-transform: none;
}
.sidebarWidget p a:hover {
    border-bottom: 1px solid rgba(0, 122, 255, 1);
}

.progressContent .diagram {
}
.progressContent .diagram p {
    color: #7c7c91;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
.progressContent .diagram .canvas-wrap {
    position: relative;
    padding-left: 37px;
}
.progressContent.accuracyContent .diagram .canvas-wrap {
    padding-top: 15px;
}
.progressContent .diagram canvas {
    position: relative;
    z-index: 1001;
}
.progressContent .diagram .scale-y {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.progressContent .diagram .scale-y span {
    display: block;
    color: #7c7c91;
    font-size: 14px;
    line-height: 1;
}
.progressContent .diagram .scale-y span.axis {
    border-left: 1px solid #dddfe7;
    margin: 5px 0;
}
.progressContent.planContent .diagram .scale-y span.axis {
    height: calc(100% - 38px);
    flex-grow: 1;
}
.progressContent.accuracyContent .diagram .scale-y span.axis {
    margin: 2px 0;
}
.progressContent.accuracyContent .diagram .scale-y span:nth-child(2) {
    flex-grow: 1;
}
.progressContent.accuracyContent .diagram .scale-y span.axis:nth-child(4) {
    flex-grow: 8;
}
.progressContent .diagram .scale-x {
    padding: 7px 0 25px 37px;
    border-bottom: 1px solid #dddfe7;
}
.progressContent .diagram .scale-x span {
    color: #7c7c91;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
}
.progressContent .diagram .scale-x .end-date {
    float: right;
    text-align: right;
}
.progressContent .diagram .todayInfo {
    position: absolute;
    top: -2px;
    left: 40px;
    z-index: 1000;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #7c7c91;
    z-index: 1002;
}
.progressContent .diagram.hidden .scale-x {
    display: none;
}
.progressContent .diagram.hidden .canvas-wrap {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}
.progressContent.planContent .diagram.hidden canvas {
    width: 100%;
    background-image: url(/img/study-plan-empty.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.progressContent.accuracyContent .diagram.hidden canvas {
    width: 100%;
    background-image: url(/img/accuracy-empty.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.progressContent .diagram.hidden .todayInfo {
    display: none;
}
.diagramMsg {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #000;
    margin-top: 15px;
}
#sidebar .diagramMsg p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}
/*.cBankWrp {
	width: 100%;
	background-color: #fff;
	border-radius: 16px;
	padding: 17px 25px;
	margin-top: 15px;
	box-sizing: border-box;
}
.cBankWrp>span {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	line-height: 24px;
	font-size: 20px;
	margin-right: 15px;
}
.cBankWrp>div {
	display: inline-block;
	vertical-align: middle;
}
.cBankWrp>div p {
	font-size: 14px;
	line-height: 17px;
	font-weight: 600;
	margin-bottom: 5px;
}
.cBankWrp>div a {
	font-size: 14px;
	line-height: 17px;
	color: #007AFF;
	font-weight: 600;
	text-decoration: none;
}*/
#sticky.static {
    position: static;
}
#sticky.fixed {
    position: fixed;
    width: 335px;
}
#sticky.bottom {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    width: 335px;
}
#sticky.fixed-bottom {
    position: fixed;
    width: 335px;
    top: auto;
    bottom: 15px;
}
#sticky.fixed-top {
    position: fixed;
    width: 335px;
    top: 15px;
    bottom: auto;
}
.customize-support #sticky.fixed-top {
    top: 47px;
}
.customize-support.sidebar-modal-open #sidebar #sticky {
    top: 47px !important;
}
#sidebar #overlay {
    display: none;
}
#header #progress-link {
    display: none;
	position: relative;
    padding: 5px 7px 5px 5px;
    border-radius: 20px;
	background-color: #DDDFE7;
    font-size: 1rem;
    line-height: 1;
    color: #7C7C91;
    font-weight: 600;
    cursor: pointer;
    min-width: 71px;
    box-sizing: border-box;
    text-decoration: none;
    align-items: center;
    gap: 8px;
}
.is_premium .pg_autotest #header #progress-link {
    display: flex;
    margin: 0 15px 0 auto;
}

.night-mode #header #progress-link {
	color: #cbcbcb;
}
.night-mode.is_premium .progress-pie-chart {
	background-color: #2E2E33;
    border: 1px solid #d0d0d6;
}
#header #progress-link:after {
	content: attr(data-title);
	position: absolute;
	top: 100%;
	left: 50%;
	background: #3e3e46;
	border: 1px solid #3e3e46;
	border-radius: 5px;
	color: #fff;
	line-height: 1;
	font-weight: 400;
	padding: 5px 7px;
	opacity: 0;
	pointer-events: none;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate(-50%, 5px);
	-moz-transform: translate(-50%, 5px);
	transform: translate(-50%, 5px);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header #progress-link:hover:after {
	opacity: 1;
	-webkit-transform: translate(-50%, 10px);
	-moz-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
}

#header #nav #settings-menu {
    margin-right: 0;
}
#sidebar-link {
    display: none;
    vertical-align: middle;
    line-height: 30px;
    padding: 0 5px;
    margin-right: 0;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
    float: right;
}
#sidebar-link > a > svg {
    display: block;
}
#header #progress-link span {
    display: inline-block;
    vertical-align: middle;
}
#header #nav li#premium-link {
    position: relative;
    display: inline-block;
    margin: 0 0 0 5px;
}

#header #nav .text-primary {
    color: #007aff;
}

.ViewSwitcher {
	height: 44px;
    font-size: 14px;
    line-height: 1;
    border-radius: 0;
	color: #4E4E59;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ViewSwitcher .ViewSwitcher-switcher {
    width: 100%;
}

.Switcher {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.Switcher .Switcher-label {
    flex-grow: 1;
}
/*
.night-mode .Switcher-control {
    opacity: 0.7;
}
*/

.Switcher-label img {
    position: relative;
    top: -1px;
    height: 15px;
    margin: 0 2px 0 0;
}
.night-mode .Switcher-label img {
    filter: invert(0.7);
}
.Switcher-input {
    position: absolute;
    max-width: 0;
    max-height: 0;
    opacity: 0;
}

.Switcher-input + .Switcher-control {
    position: relative;
    display: block;
    width: 30px;
    height: 14px;
    line-height: 14px;
    cursor: pointer;
    text-indent: -5000px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.atW1100 .Switcher-input + .Switcher-control .Switcher-control-caption:before {
    text-indent: 0;
    position: absolute;
    display: block;
    content: "OFF";
    right: 38px;
    line-height: 16px;
    font-size: 10px;
    width: 30px;
    height: 16px;
    top: 0;
    text-align: right;
}
.Switcher-input + .Switcher-control:before {
    position: absolute;
    background-color: #c8d2d9;
    height: 2px;
    margin-top: -1px;
    top: 50%;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    content: "";
}

.Switcher-input + .Switcher-control:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    border: 2px solid #c8d2d9;
    box-sizing: border-box;
    -webkit-transition: left 0.1s ease-in-out;
    -o-transition: left 0.1s ease-in-out;
    transition: left 0.1s ease-in-out;
    border-radius: 10px;
    background: #fff;
}
.atW1100
    .Switcher-input:checked
    + .Switcher-control
    .Switcher-control-caption:before {
    content: "ON";
}
.Switcher-input:checked + .Switcher-control:before {
    width: 100%;
}

.Switcher-input:checked + .Switcher-control:after {
    background: #448ee1;
    border: 2px solid #448ee1;
    left: 16px;
}

#header #nav .ViewSwitcher {
    padding: 0 12px;
}

.Switcher-input+.Switcher-control {
	position: relative;
	display: block;
	width: 52px;
	height: 28px;
	line-height: 20px;
	background-color: #F2F2F7;
	border-radius: 20px;
	cursor: pointer;
	text-indent: -5000px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
}
.night-mode .Switcher-input+.Switcher-control {
	background-color: #1C1C1C;
}
.Switcher-input+.Switcher-control:before {
	position: absolute;
	background-color: #F2F2F7;
	top: 0;
	left: 0;
	display: block;
	width: 20px;
	height: 100%;
	border-radius: 20px;
	margin: 0;
	content: "";
	-webkit-transition: background-color .15s ease-in-out, width .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out, width .15s ease-in-out;
	transition: background-color .15s ease-in-out, width .15s ease-in-out;
}
.Switcher-input:checked + .Switcher-control:before {
	width: 100%;
	background-color: #00B67A;
}
.night-mode .Switcher-input + .Switcher-control:before {
	background-color: #1C1C1C;
}
.Switcher-input+.Switcher-control:after {
	position: absolute;
	top: 3px;
	left: 3px;
	bottom: 0;
	display: block;
	width: 22px;
    height: 22px;
	content: "";
	border: none;
	box-sizing: border-box;
	-webkit-transition: left .15s ease-in-out;
	-o-transition: left .15s ease-in-out;
	transition: left .15s ease-in-out;
	border-radius: 50%;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.65567 3.69813C4.47262 3.51615 4.17582 3.51615 3.99276 3.69813C3.8097 3.8801 3.8097 4.17514 3.99276 4.35712L7.25506 7.60011L3.99276 10.8431C3.8097 11.0251 3.8097 11.3201 3.99276 11.5021C4.17582 11.6841 4.47262 11.6841 4.65567 11.5021L7.91797 8.2591L11.1803 11.5021C11.3633 11.6841 11.6601 11.6841 11.8432 11.5021C12.0262 11.3201 12.0262 11.0251 11.8432 10.8431L8.58088 7.60011L11.8432 4.35712C12.0262 4.17515 12.0262 3.88011 11.8432 3.69813C11.6601 3.51616 11.3633 3.51616 11.1803 3.69813L7.91797 6.94112L4.65567 3.69813Z' fill='%23A8A8AE'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.82833 3.53488C4.10205 3.26279 4.54583 3.26279 4.81955 3.53488L7.91769 6.6147L11.0158 3.53489C11.2895 3.26279 11.7333 3.26279 12.007 3.53489C12.2808 3.80698 12.2808 4.24814 12.007 4.52023L8.9089 7.60004L12.007 10.6799C12.2808 10.9519 12.2808 11.3931 12.007 11.6652C11.7333 11.9373 11.2895 11.9373 11.0158 11.6652L7.91769 8.58539L4.81955 11.6652C4.54583 11.9373 4.10205 11.9373 3.82833 11.6652C3.55462 11.3931 3.55462 10.952 3.82833 10.6799L6.92648 7.60004L3.82833 4.52023C3.55462 4.24813 3.55462 3.80698 3.82833 3.53488ZM3.99248 4.35705C3.80943 4.17508 3.80943 3.88004 3.99248 3.69806C4.17554 3.51609 4.47234 3.51609 4.6554 3.69806L7.91769 6.94105L11.18 3.69807C11.363 3.51609 11.6598 3.51609 11.8429 3.69807C12.026 3.88004 12.026 4.17508 11.8429 4.35706L8.5806 7.60004L11.8429 10.843C12.026 11.025 12.026 11.32 11.8429 11.502C11.6598 11.684 11.363 11.684 11.18 11.502L7.91769 8.25903L4.6554 11.502C4.47234 11.684 4.17554 11.684 3.99248 11.502C3.80943 11.3201 3.80943 11.025 3.99248 10.843L7.25478 7.60004L3.99248 4.35705Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
	background-size: 20px 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.Switcher-input:checked + .Switcher-control:after {
	background-color: #fff !important;
	border: none !important;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3e%3cpath d='M4.61719 8.72828L7.58594 11.8052L12.5339 6.677' stroke='%2300B67A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important;
	background-size: 36px 25px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	left: calc(100% - 25px);
}
.night-mode .Switcher-input + .Switcher-control:after {
	background-color: #2B2B30;
}
.night-mode .Switcher-input:checked + .Switcher-control:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3e%3cpath d='M4.61719 8.72828L7.58594 11.8052L12.5339 6.677' stroke='%238DF4A9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important;
}
#header #nav > li.menu-item-wrapper > a {
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    line-height: 35px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
}
#header #nav > li.menu-item-wrapper > a > span > span {
    display: inline-block;
    line-height: 1;
    color: #007aff;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 122, 255, 0);
    transition: border-color 0.3s;
}
#header #nav > li.menu-item-wrapper > a:hover {
    color: #000;
    text-decoration: none;
    background-color: inherit;
}
#header #nav > li.menu-item-wrapper > a:hover > span > span {
    color: #007aff;
    border-bottom: 1px solid rgb(0, 122, 255);
}
#header #nav > li.datepicker-wrapper {
    margin-right: 0;
}
#header #nav > li.datepicker-wrapper input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-appearance: none;
    cursor: pointer;
    -webkit-text-fill-color: transparent;
    caret-color: transparent;
    color: transparent;
    font-size: 0;
    line-height: 1;
    padding: 0;
    margin: 0;
    border: 0;
}
#header #nav > li.pp-bar-wrapper {
    margin-right: 20px;
}
#header #nav > li.pp-bar-wrapper > a {
    padding-right: 8px;
}
#header #nav .pp-bar {
    display: inline-block;
    width: 71px;
    height: 7px;
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
#header #nav .pp-bar .pp-bar-fill {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4cd964;
    height: 7px;
    border-radius: 20px;
}

.datepicker-title {
    text-align: center;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 400;
    color: #000;
    padding: 0 10px;
    margin: 15px 0 0;
}


#breadcrumbs {
    color: #888;
    font-size: 14px;
}
.sidebar-open #breadcrumbs {
    padding-right: 350px;
}
#breadcrumbs .container {
    max-width: 1113px;
    margin: 0 auto;
    padding: 10px 0 10px;
    box-sizing: border-box;
}
#breadcrumbs.footer-breadcrumbs .container {
    max-width: 960px;
    padding: 10px 5px 10px;
}
#bcrumbs {
    margin: 0;
    padding: 0;
    display: block;
    float: none;
    clear: both;
}
#bcrumbs ul,
#bcrumbs li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#bcrumbs li {
    display: inline;
}
#bcrumbs li a,
#bcrumbs li a:link {
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #8C8C9A;
    text-decoration: none;
    border: none;
}
#bcrumbs li.sep {
    font-size: 0;
}
#bcrumbs li.sep:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 2px -4px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.16655 3.33287C6.27433 3.33062 6.38148 3.34853 6.48131 3.38549C6.58114 3.42245 6.67153 3.47767 6.74685 3.54771L11.0404 7.40697C11.2416 7.58261 11.334 7.77157 11.334 7.99896C11.334 8.22634 11.2416 8.42236 11.0482 8.59172L6.74771 12.451C6.67207 12.5211 6.58137 12.5763 6.48126 12.6133C6.38114 12.6502 6.27373 12.6681 6.16569 12.6658C6.05687 12.6664 5.94899 12.6475 5.84824 12.6102C5.74749 12.5729 5.65585 12.5178 5.57859 12.4483C5.50132 12.3787 5.43995 12.2959 5.39799 12.2048C5.35603 12.1136 5.33432 12.0158 5.33409 11.917C5.33409 11.7092 5.42736 11.5203 5.59229 11.3642L9.36252 7.99268L5.5923 4.62818C5.47186 4.52467 5.38851 4.39065 5.35307 4.24356C5.31764 4.09646 5.33176 3.94309 5.39361 3.80338C5.45545 3.66367 5.56216 3.54409 5.69985 3.46017C5.83755 3.37626 5.99986 3.33191 6.16569 3.33287L6.16655 3.33287Z' fill='%23858595' fill-opacity='0.8'/%3e%3c/svg%3e") 0 0 no-repeat;
}

.night-mode #bcrumbs li a, 
.night-mode #bcrumbs li a:link {
    color: #A8A8AE;
}
.night-mode #bcrumbs li span.current a, 
.night-mode #bcrumbs li span.current a:link {
    color: #A8A8AE;
}
.nigh-mode #bcrumbs li.sep:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.16655 3.33287C6.27433 3.33062 6.38148 3.34853 6.48131 3.38549C6.58114 3.42245 6.67153 3.47767 6.74685 3.54771L11.0404 7.40697C11.2416 7.58261 11.334 7.77157 11.334 7.99896C11.334 8.22634 11.2416 8.42236 11.0482 8.59172L6.74771 12.451C6.67207 12.5211 6.58137 12.5763 6.48126 12.6133C6.38114 12.6502 6.27373 12.6681 6.16569 12.6658C6.05687 12.6664 5.94899 12.6475 5.84824 12.6102C5.74749 12.5729 5.65585 12.5178 5.57859 12.4483C5.50132 12.3787 5.43995 12.2959 5.39799 12.2048C5.35603 12.1136 5.33432 12.0158 5.33409 11.917C5.33409 11.7092 5.42736 11.5203 5.59229 11.3642L9.36252 7.99268L5.5923 4.62818C5.47186 4.52467 5.38851 4.39065 5.35307 4.24356C5.31764 4.09646 5.33176 3.94309 5.39361 3.80338C5.45545 3.66367 5.56216 3.54409 5.69985 3.46017C5.83755 3.37626 5.99986 3.33191 6.16569 3.33287L6.16655 3.33287Z' fill='%23A8A8AE' fill-opacity='0.8'/%3e%3c/svg%3e")
}

@media(max-width: 1024px) {
    #header #nav #instructor-note {
        display: none;
    }
}

@media (max-width: 767px) {
    #breadcrumbs,
    #bcrumbs li a,
    #bcrumbs li a:link {
        font-size: 12px;
        line-height: 1.33;
    }
    #breadcrumbs .container {
        padding: 0 0 8px;
    }
    #breadcrumbs.footer-breadcrumbs .container {
        padding: 0 20px 10px;
    }
    #bcrumbs li.sep:before {
        margin: 0 0 -4px;
    }
}


.back-btn {
    display: inline-block;
    text-decoration: none;
    background-color: #fff;
    color: #7c7c91;
    font-size: 14px;
    line-height: 31px;
    font-weight: 600;
    padding: 0 13px;
    border-radius: 15px;
    margin-top: 20px;
    height: 31px;
    position: relative;
    z-index: 1;
}
.back-btn svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.back-btn span {
    display: inline-block;
    vertical-align: middle;
}

/*.smartProgressWrp.disabled * {
    filter: blur(3px);
    pointer-events: none;
    opacity: 0.8;
}
.smartProgressWrp.disabled .progressTabs {
    opacity: 0.7;
    cursor: default;
}*/
.smartProgressWrp h2,
.smartProgressWrp .h2 {
    filter: none !important;
}
.smartProgressWrp.disabled .headerProgress {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    pointer-events: none;
}
.smartProgressWrp.disabled .mainItem {
    padding-right: 10px;
}
.smartProgressWrp.disabled .mainItem:after {
    content: none;
}
/*.smartProgressWrp.disabled .progressItem {
    opacity: 0.5;
}*/
.smartProgressWrp.disabled .progressItem.cbProgress, .smartProgressWrp.disabled .progressItem.hbProgress {
    opacity: 1;
}
/*.smartProgressWrp.disabled .progressItem > span:last-of-type {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.34753 8.80589V10.4765H7.23896C6.55561 10.4765 6 11.0454 6 11.745V18.7315C6 19.4311 6.55561 20 7.23896 20H16.761C17.4444 20 18 19.4311 18 18.7315V11.7417C18 11.0421 17.4444 10.4732 16.761 10.4732H16.7291V8.80262C16.7291 6.15447 14.6248 4 12.0383 4C9.45184 4.00327 7.34753 6.15774 7.34753 8.80589ZM12.7345 15.5475C12.6387 15.6195 12.6131 15.6881 12.6131 15.8025C12.6163 16.3158 12.6163 16.8258 12.6163 17.3391C12.6259 17.5516 12.5205 17.7609 12.3353 17.8557C11.8978 18.0845 11.4604 17.7641 11.4604 17.3391V17.3358C11.4604 16.8226 11.4604 16.3093 11.4636 15.796C11.4636 15.6914 11.4412 15.6227 11.3518 15.5541C10.8984 15.2108 10.7483 14.6256 10.975 14.1123C11.1953 13.6121 11.735 13.3179 12.2427 13.4225C12.8079 13.5402 13.2007 14.0044 13.207 14.5831C13.207 14.9852 13.0506 15.3121 12.7345 15.5475ZM12.038 6.10511C10.5851 6.10511 9.40039 7.31476 9.40039 8.80556V10.4762H14.6755V8.80556C14.6755 7.31802 13.4941 6.10511 12.038 6.10511Z' fill='%23858595' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
}*/
.smartProgressWrp.disabled .progressItem.cbProgress > span:last-of-type, .smartProgressWrp.disabled .progressItem.hbProgress > span:last-of-type {
    display: none;
}
.smartProgressWrp.disabled .ppc-progress .ppc-progress-fill {
    display: none !important;
}
.smartProgressWrp.disabled .progressItem.progressChallengeBank {
    position: relative;
    z-index: 1000;
}
.smartProgressWrp.disabled
    .progressItem.progressChallengeBank
    > span:first-of-type {
    opacity: 1;
}
.smartProgressWrp.disabled
    .progressItem.progressChallengeBank
    > span:last-of-type {
    width: auto;
    height: auto;
    background-image: none;
    font-size: 14px;
}
.smartProgressWrp.disabled .premium-disclaimer-wrp {
    /*display: block;*/
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: none;
    cursor: pointer;
    pointer-events: auto;
}
.smartProgressWrp.disabled .progress-pie-chart {
    background-color: transparent !important;
    border-color: #dddfe7 !important;
}
.smartProgressWrp.disabled .progress-pie-chart:after {
    content: none !important;
}
.smartProgressWrp.disabled .ppc-progress .ppc-progress-fill {
    content: none !important;
}
.smartProgressWrp.disabled .headerProgress .headerProgressBar {
    width: 0px !important;
}
.smartProgressWrp.disabled .progressItem .itemResult {
    display: none !important;
}
/*.smartProgressWrp.disabled .premium-disclaimer {
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	font-size: 0;
	width: calc(100% - 50px);
}
.premium-disclaimer {
	display: inline-block;
	background-color: transparent;
	box-sizing: border-box;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
}
.premium-disclaimer, .premium-disclaimer * {
	filter: none !important;
	pointer-events: auto !important;
	opacity: 1 !important;
}
.premium-disclaimer svg {
	display: block;
	width: 21px;
	height: 30px;
	margin: 0 auto 14px;
}
.premium-disclaimer span {
	display: block;
	margin: 0 auto;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #7C7C91;
	width: 200px;
}*/

#header .partnership-wrp {
    display: inline-block;
    padding-left: 24px;
    border-left: 1px solid #cbcbcb;
/*    margin-top: -2px;*/
    margin-left: 20px;
}
#header .partnership {
    display: inline-block;
    text-decoration: none;
    color: #7c7c91;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

.partner-link-wrp {
    display: inline-block;
    padding-left: 24px;
    border-left: 1px solid #cbcbcb;
    margin-left: 20px;
}
.partner-link {
    display: inline-block;
    text-decoration: none;
    color: #7c7c91;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
}
a.partner-link:hover,
a.partner-link:visited {
    text-decoration: none;
    color: #7c7c91;
}
.partner-link > span {
    display: block;
}
.partner-link svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}
.smartProgressWrp a.link {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    color: #007AFF;
    text-decoration: none;
}
.endorsementNumLink {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.endorsementNumLink .endorsementNum {
    font-size: 14px;
    line-height: 20px;
    background-color: #007AFF;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    font-weight: 600;
    min-width: 20px;
    box-sizing: border-box;
}
.smartProgressWrp .label {
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
    padding: 2px 4px 1px;
    border-radius: 4px;
    background-color: #FAD92C;
}
.smartProgressWrp a.unlock-link {
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    border-color: transparent;
    margin-left: auto;
}

/*gamification:begin*/
#sidebar .gameWidget {
    display: block;
    padding: 16px 20px 20px;
    margin-bottom: 16px;
    text-decoration: none;
    color: inherit;
}
#sidebar .gameWidget:hover {
    text-decoration: none;
    color: inherit;
}
#sidebar .gameWidget#streakWidget {
    padding: 16px 20px 24px;
}
.gameWidget .game-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
#streakWidget .game-header {
    margin-bottom: 0;
}
#sidebar #streakWidget p {
    margin: 0 0 8px;
}
#sidebar .gameWidget .game-header h2,
#sidebar .gameWidget .game-header .h2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin: 0;
}
.gameWidget .game-header h2 .blue,
.gameWidget .game-header .h2 .blue {
    color: #007aff;
}
.gameWidget p {
    font-size: 14px;
    line-height: 1.35;
    color: #4e4e59;
}
.night-mode .gameWidget p {
    color: #9999a8;
}
.gameWidget .game-header .link,
.gameWidget .game-header a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.35;
    color: #007aff;
    text-decoration: none;
    margin-left: auto;
    transition: transform 0.3s;
}
.gameWidget .game-header a:hover {
    text-decoration: none;
    color: #007aff;
    transform: translateY(-2px);
}
.gameWidget .game-label {
    font-size: 10px;
    line-height: 17px;
    font-weight: 600;
    color: #808080;
    border: 1px solid rgba(133, 133, 149, 0.8);
    border-radius: 5px;
    padding: 0 4px;
}
.gameWidget .game-label.primary {
    color: #fff;
    background-color: #ff7348;
    border-color: #ff7348;
    text-transform: uppercase;
}
#badgesWidget .badges-wrp {
    width: calc(100% + 20px);
    overflow: hidden;
    position: relative;
}
#badgesWidget .badges-wrp:after {
    content: "";
    display: block;
    width: 65px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(
        to left,
        #ffffff 8.58%,
        rgba(255, 255, 255, 0.86567) 51.01%,
        rgba(255, 255, 255, 0) 73.61%
    );
}
.night-mode #badgesWidget .badges-wrp:after {
    background: linear-gradient(
        to left,
        #2b2b30 8.58%,
        rgba(43, 43, 48, 0.86567) 51.01%,
        rgba(43, 43, 48, 0) 73.61%
    );
}
#badgesWidget .badges {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
}
#badgesWidget .badge {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    overflow: hidden;
}
#badgesWidget .badge img {
    display: inline-block;
    width: 100%;
    height: auto;
}
#badgesWidget .badge.inactive img {
    opacity: 0.4;
    -webkit-filter: blur(7.5px);
    -moz-filter: blur(7.5px);
    -o-filter: blur(7.5px);
    -ms-filter: blur(7.5px);
    filter: blur(7.5px);
}
#sidebar #streakWidget {
    padding-right: 90px;
}
#streakWidget .streak-wrp {
    display: inline-flex;
    margin-left: -15px;
    position: relative;
}
#streakWidget.first .streak-wrp {
    margin-left: 0;
}
#streakWidget .streak-wrp:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 100%;
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
    z-index: 1;
}
.night-mode #streakWidget .streak-wrp:before {
    background: linear-gradient(to right, #2b2b30, rgba(43, 43, 48, 0));
}
#streakWidget.first .streak-wrp:before {
    content: none;
}
#streakWidget .streak-els {
    display: inline-flex;
    gap: 17px;
    justify-content: center;
    position: relative;
}
#streakWidget .streak-el {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#streakWidget .streak-day {
    font-size: 14px;
    line-height: 1.35;
    color: #000;
    margin-bottom: 4px;
}
.night-mode #streakWidget .streak-day {
    color: #9999a8;
}
#streakWidget .streak-el.today .streak-day {
    color: #007aff;
    font-weight: 600;
}
#streakWidget .streak-check {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(133, 133, 149, 0.2);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-out;
    transition-delay: 0.25s;
}
#streakWidget .streak-el.done .streak-check {
    background-color: #007aff;
    border-color: #007aff;
}
#streakWidget .streak-el .streak-check svg {
    width: 14px;
    height: 10px;
    stroke-dasharray: 17;
    stroke-dashoffset: 17;
    transition: stroke-dashoffset 0.5s ease-out;
    transition-delay: 0.5s;
}
#streakWidget .streak-el.done .streak-check svg {
    stroke-dashoffset: 0;
}
#streakWidget .streak-el:first-of-type:before,
#streakWidget .streak-el:first-of-type:after {
    content: none;
}
#streakWidget .streak-el:after {
    content: "";
    position: absolute;
    bottom: 12px;
    left: -17px;
    width: 17px;
    height: 1px;
    background-color: rgba(133, 133, 149, 0.2);
}
#streakWidget .streak-el:before {
    content: "";
    position: absolute;
    bottom: 12px;
    left: -17px;
    width: 0;
    height: 1px;
    background-color: #007aff;
    transition: width 0.5s ease-out;
    z-index: 1;
}
#streakWidget .streak-el.done:before {
    width: 17px;
}
#streakWidget {
    position: relative;
    overflow: hidden;
}
#streakWidget .streak-img {
    position: absolute;
    width: 113px;
    bottom: 0;
    right: -27px;
    transform: rotate(-14.45deg);
}
#streakWidget .streak-img img {
    width: 100%;
    height: auto;
}

/*state page new styles: begin*/
#sidebar .widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sidebar .widget-link {
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
  color: #007AFF;
  text-decoration: none;
  transition: transform .3s;
}
#sidebar .widget-header .widget-link:hover {
  transform: translateY(-2px);
}
#sidebar .smartProgressWrp.disabled .widget-header:after {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.0006 3C18.2415 3 18.4655 3.11546 18.6055 3.30648L18.6602 3.39287L21.9241 9.42108L21.962 9.51397L21.9741 9.55379L21.9942 9.65597L22 9.74989C22 9.81893 21.9907 9.88578 21.9732 9.94926L21.9258 10.0753L21.8883 10.1439C21.8662 10.1795 21.8411 10.2135 21.8128 10.2456L21.8726 10.1682L21.8481 10.2024L12.5973 20.7078C12.5172 20.8141 12.4139 20.8914 12.3 20.9397L12.2018 20.9727L12.1246 20.9901L12.0003 21L11.9 20.9934L11.7821 20.9679C11.7219 20.9506 11.6633 20.9251 11.6085 20.8919L11.5993 20.8844C11.5522 20.8561 11.5082 20.8215 11.4682 20.7812L2.17811 10.2351L2.15187 10.2024L2.11179 10.1439C2.05631 10.0543 2.01921 9.95218 2.00569 9.84275L2 9.74989L2.00285 9.68403L2.01606 9.59528C2.02225 9.56536 2.03015 9.5366 2.03966 9.50859L2.06249 9.4501L2.09049 9.39277L5.33978 3.39287C5.45449 3.18107 5.66267 3.03913 5.89736 3.00695L5.99937 3H18.0006ZM14.9984 10.4999H8.99873L12 18.1867L14.9984 10.4999ZM7.38957 10.4999H4.40925L9.76082 16.5738L7.38957 10.4999ZM19.5888 10.4999H16.6095L14.2413 16.5698L19.5888 10.4999ZM8.97173 4.49998H6.44542L4.00721 8.9999H7.53158L8.97173 4.49998ZM13.4521 4.49998H10.5468L9.10575 8.9999H14.8914L13.4521 4.49998ZM17.5535 4.49998H15.0274L16.4675 8.9999H19.9899L17.5535 4.49998Z' fill='url(%23paint0_linear_10047_242935)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10047_242935' x1='18.0004' y1='20.7273' x2='7.93254' y2='-2.31109' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CD2FD4'/%3E%3Cstop offset='0.470026' stop-color='%23007AFF'/%3E%3Cstop offset='1' stop-color='%2300B67A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
}
#sidebar .smartProgressWrp.disabled .widget-header .widget-link {
  display: none;
}
.sidebarWidget .widget-label {
    padding: 2px 4px;
    margin-left: 4px;
    border-radius: 5px;
    background-color: #FF7348;
    font-size: 10px;
    line-height: 1.35;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
#sidebar .sidebarWidget.withImage {
    display: flex;
    align-items: flex-end;
}
#sidebar .sidebarWidget.withImage .widgetImage {
    width: 72px;
    flex-shrink: 0;
    position: relative;
}
#sidebar .sidebarWidget.withImage .widgetImage img {
    width: 100%;
    height: auto;
}
#sidebar .sidebarWidget.withImage .widgetContent {
    flex-grow: 1;
}

#sidebar .smartProgressWrp.disabled h4,
#sidebar .smartProgressWrp.disabled .h4 {
  font-size: 10px;
  line-height: 1.35;
  font-weight: 600;
  color: #9747FF;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0 0 8px;
}
#sidebar .smartProgressWrp.disabled .progressItems {
  position: relative;
}
#sidebar .smartProgressWrp.disabled .progressItems:before {
  content: '';
  width: 0px;
  height: calc(100% - 12px);
  border-right: 1px dashed #9747FF;
  position: absolute;
  top: 6px;
  left: 17px;
}
#sidebar .smartProgressWrp.disabled .progressItem {
  display: flex;
  align-items: flex-start;
  padding: 5px 7px;
  gap: 7px;
}
#sidebar .smartProgressWrp.disabled .progressItem .itemStep {
  width: 20px;
  height: 20px;
  color: #9747FF;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #9747FF;
  border-radius: 50%;
  background-color: #fff;
}
#sidebar .smartProgressWrp.disabled .progressItem .itemText {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
#sidebar .smartProgressWrp.disabled .progressItem .progress-pie-chart {
  display: none !important;
}
#sidebar .smartProgressWrp.disabled .progressContentWrapper {
  margin-bottom: 0;
}
.foldout-menu {
    display: none;
}
#header .back-button, #header .back-link {
    display: none;
}

.vehicle-wrp {
    display: none !important;
}
.carActive .vehicle-wrp.car-wrp, .motoActive .vehicle-wrp.moto-wrp, .cdlActive .vehicle-wrp.cdl-wrp {
    display: block !important;
}

.dropdowns {
    display: flex;
    position: relative;
    align-items: center;
    gap: 14px;
}
.dropdown-wrp .dropdown {
    display: block;
    transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3);
    transform: scale(0.8) translateY(-20%);
    opacity: 0;
    pointer-events: none !important;
}
.dropdown-wrp.active .dropdown {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.dropdown-wrp {
    position: relative;
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.dropdown-wrp .dropdown-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}
.dropdown-wrp.active .dropdown-overlay {
    display: block;
}
.dropdown-wrp .dropdown {
    width: min-content;
    min-width: 200px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    background: #fff;
    position: absolute;
    right: 0;
    margin-top: 5px;
    border-radius: 16px;
    border: 1px solid #fff;
    box-sizing: border-box;
    float: none;
    -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(0.8) translateY(-20%);
    transform: scale(0.8) translateY(-20%);
    -webkit-transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3);
    transition: 0.4s cubic-bezier(0.3, 0, 0, 1.3);
    overflow: hidden;
    z-index: 100001;
}
.dropdowns .dropdown-wrp .dropdown {
    right: auto;
    left: 0;
}
.dropdowns .anchor-dropdown:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.dropdown-wrp .anchor-dropdown {
    font-family: "proxima-nova", sans-serif;
    position: relative;
    color: #000000;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 7px 15px;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    z-index: 10001;
    transition: all .3s ease-out;
    appearance: none;
    outline: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.dropdowns .dropdown-wrp .anchor-dropdown {
    color: #007AFF;
    padding: 7px 12px;
    line-height: 1;
}

.anchor-dropdown#hCurrentVehicle:before {
    background-image: url('/img/icon_car.svg');
    background-size: 17px 17px;
}
.anchor-dropdown#hCurrentVehicle.cdl:before {
    background-image: url('/img/icon_cdl.svg');
}
.anchor-dropdown#hCurrentVehicle.moto:before {
    background-image: url('/img/icon_moto.svg');
}
.anchor-dropdown#hCurrentState:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_24955_4084)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.25 5.90493C12.25 9.11405 8.55546 12.7637 7.36493 13.8565C7.15557 14.0487 6.84442 14.0487 6.63507 13.8565C5.44455 12.7637 1.75 9.11405 1.75 5.90493C1.75 2.96625 4.10051 0.583984 7 0.583984C9.89952 0.583984 12.25 2.96625 12.25 5.90493ZM8.89583 5.90493C8.89583 6.9661 8.04702 7.82638 7 7.82638C5.95297 7.82638 5.10417 6.9661 5.10417 5.90493C5.10417 4.84374 5.95297 3.98348 7 3.98348C8.04702 3.98348 8.89583 4.84374 8.89583 5.90493Z' fill='%23007AFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_24955_4084'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.anchor-dropdown#hCurrentTab:before {
    background-size: 13px 13px;
}
#stateTabs:has(input#permittestsTab:checked) .anchor-dropdown#hCurrentTab:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M6.85641 0.158828C6.5013 -0.0529427 6.0622 -0.0529427 5.70703 0.158828L0.282929 3.39347C-0.0943099 3.61843 -0.0943093 4.17565 0.282929 4.40061L5.70703 7.63527C6.0622 7.84701 6.5013 7.84701 6.85641 7.63527L12.2696 4.40716V7.54071C12.2696 7.78218 12.4611 7.97795 12.6973 7.97795C12.9335 7.97795 13.125 7.78218 13.125 7.54071V4.23189C13.125 4.02455 13.0173 3.8328 12.8421 3.72832L6.85641 0.158828Z' fill='%23007AFF'/%3E%3Cpath d='M2.28543 9.67573C1.93504 9.46679 1.71958 9.0833 1.71958 8.66856V6.13186L5.70703 8.50975C6.0622 8.7215 6.5013 8.7215 6.85641 8.50975L10.8439 6.13186V8.66856C10.8439 9.0833 10.6285 9.46679 10.278 9.67573L6.85641 11.7162C6.5013 11.9279 6.0622 11.9279 5.70703 11.7162L2.28543 9.67573Z' fill='%23007AFF'/%3E%3C/svg%3E");
}
#stateTabs:has(input#permittestsTab:checked) .anchor-dropdown#hCurrentTab>span:before {
    content: 'Permit Test';
}
#stateTabs:has(input#drivingtestsTab:checked) .anchor-dropdown#hCurrentTab:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M9.375 0.837433C10.3251 1.38599 11.1141 2.17498 11.6627 3.12511C12.2112 4.07524 12.5 5.15302 12.5 6.25013C12.5 7.34724 12.2112 8.42502 11.6626 9.37514C11.1141 10.3253 10.3251 11.1142 9.37493 11.6628C8.4248 12.2113 7.34701 12.5001 6.2499 12.5001C5.15279 12.5001 4.07501 12.2113 3.1249 11.6627C2.17478 11.1141 1.38581 10.3251 0.837272 9.37497C0.288737 8.42483 -2.78685e-05 7.34704 2.01728e-09 6.24993L0.00312507 6.04743C0.038127 4.96805 0.352217 3.91616 0.914775 2.9943C1.47733 2.07245 2.26916 1.31209 3.21306 0.787359C4.15696 0.262628 5.22072 -0.00856924 6.30063 0.000206404C7.38054 0.00898205 8.43975 0.297431 9.375 0.837433ZM1.25 6.24993C1.25004 7.46774 1.69453 8.64368 2.50005 9.55702C3.30557 10.4704 4.41674 11.0583 5.625 11.2106V8.01868C5.33817 7.91737 5.0803 7.74779 4.87363 7.52457C4.66696 7.30135 4.51771 7.0312 4.43875 6.73743L1.27 5.79743C1.25708 5.94743 1.25042 6.09847 1.25 6.25056M11.2294 5.79743L8.06125 6.73681C7.98244 7.03063 7.83332 7.30086 7.62676 7.52418C7.42021 7.74751 7.16241 7.91722 6.87563 8.01868V11.2112C8.13575 11.0524 9.28822 10.42 10.099 9.44235C10.9098 8.46473 11.3182 7.21519 11.2413 5.94743L11.2294 5.79743ZM3.75 1.91993C2.72176 2.51365 1.93836 3.45391 1.54 4.57243L4.5475 5.46368C4.69757 5.13844 4.93767 4.86299 5.23939 4.66992C5.5411 4.47685 5.8918 4.37425 6.25 4.37425C6.6082 4.37425 6.9589 4.47685 7.26061 4.66992C7.56233 4.86299 7.80243 5.13844 7.9525 5.46368L10.96 4.57243C10.714 3.88192 10.3193 3.25393 9.80365 2.73294C9.28802 2.21195 8.66414 1.8107 7.97621 1.55761C7.28828 1.30453 6.55311 1.2058 5.82278 1.26841C5.09245 1.33102 4.38482 1.55345 3.75 1.91993Z' fill='%23007AFF'/%3E%3C/svg%3E");
}
#stateTabs:has(input#drivingtestsTab:checked) .anchor-dropdown#hCurrentTab>span:before {
    content: 'Driving Test';
}
.anchor-dropdown:after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: -1px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2912 4.73896C10.293 4.82653 10.2785 4.91359 10.2484 4.9947C10.2184 5.07581 10.1735 5.14925 10.1166 5.21045L6.98098 8.69895C6.83828 8.86243 6.68474 8.9375 6.49999 8.9375C6.31524 8.9375 6.15598 8.86243 6.01837 8.70526L2.88272 5.21115C2.82578 5.14969 2.7809 5.076 2.75088 4.99466C2.72085 4.91331 2.70631 4.82604 2.70816 4.73826C2.70766 4.64984 2.72302 4.56219 2.75335 4.48033C2.78368 4.39847 2.8284 4.32402 2.88493 4.26124C2.94146 4.19846 3.00869 4.14859 3.08276 4.1145C3.15683 4.08042 3.23629 4.06277 3.31656 4.06259C3.48539 4.06259 3.63892 4.13837 3.7657 4.27238L6.50509 7.33568L9.23875 4.27238C9.32285 4.17452 9.43174 4.1068 9.55125 4.07801C9.67077 4.04922 9.79538 4.06069 9.9089 4.11094C10.0224 4.16119 10.1196 4.24789 10.1878 4.35977C10.2559 4.47164 10.292 4.60352 10.2912 4.73826L10.2912 4.73896Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
}
.anchor-dropdown:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2912 4.73896C10.293 4.82653 10.2785 4.91359 10.2484 4.9947C10.2184 5.07581 10.1735 5.14925 10.1166 5.21045L6.98098 8.69895C6.83828 8.86243 6.68474 8.9375 6.49999 8.9375C6.31524 8.9375 6.15598 8.86243 6.01837 8.70526L2.88272 5.21115C2.82578 5.14969 2.7809 5.076 2.75088 4.99466C2.72085 4.91331 2.70631 4.82604 2.70816 4.73826C2.70766 4.64984 2.72302 4.56219 2.75335 4.48033C2.78368 4.39847 2.8284 4.32402 2.88493 4.26124C2.94146 4.19846 3.00869 4.14859 3.08276 4.1145C3.15683 4.08042 3.23629 4.06277 3.31656 4.06259C3.48539 4.06259 3.63892 4.13837 3.7657 4.27238L6.50509 7.33568L9.23875 4.27238C9.32285 4.17452 9.43174 4.1068 9.55125 4.07801C9.67077 4.04922 9.79538 4.06069 9.9089 4.11094C10.0224 4.16119 10.1196 4.24789 10.1878 4.35977C10.2559 4.47164 10.292 4.60352 10.2912 4.73826L10.2912 4.73896Z' fill='%23007AFF'/%3E%3C/svg%3E");
}
.night-mode .anchor-dropdown:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2912 4.73896C10.293 4.82653 10.2785 4.91359 10.2484 4.9947C10.2184 5.07581 10.1735 5.14925 10.1166 5.21045L6.98098 8.69895C6.83828 8.86243 6.68474 8.9375 6.49999 8.9375C6.31524 8.9375 6.15598 8.86243 6.01837 8.70526L2.88272 5.21115C2.82578 5.14969 2.7809 5.076 2.75088 4.99466C2.72085 4.91331 2.70631 4.82604 2.70816 4.73826C2.70766 4.64984 2.72302 4.56219 2.75335 4.48033C2.78368 4.39847 2.8284 4.32402 2.88493 4.26124C2.94146 4.19846 3.00869 4.14859 3.08276 4.1145C3.15683 4.08042 3.23629 4.06277 3.31656 4.06259C3.48539 4.06259 3.63892 4.13837 3.7657 4.27238L6.50509 7.33568L9.23875 4.27238C9.32285 4.17452 9.43174 4.1068 9.55125 4.07801C9.67077 4.04922 9.79538 4.06069 9.9089 4.11094C10.0224 4.16119 10.1196 4.24789 10.1878 4.35977C10.2559 4.47164 10.292 4.60352 10.2912 4.73826L10.2912 4.73896Z' fill='%23cbcbcb'/%3E%3C/svg%3E");
}
.dropdowns .anchor-dropdown:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2912 4.73896C10.293 4.82653 10.2785 4.91359 10.2484 4.9947C10.2184 5.07581 10.1735 5.14925 10.1166 5.21045L6.98098 8.69895C6.83828 8.86243 6.68474 8.9375 6.49999 8.9375C6.31524 8.9375 6.15598 8.86243 6.01837 8.70526L2.88272 5.21115C2.82578 5.14969 2.7809 5.076 2.75088 4.99466C2.72085 4.91331 2.70631 4.82604 2.70816 4.73826C2.70766 4.64984 2.72302 4.56219 2.75335 4.48033C2.78368 4.39847 2.8284 4.32402 2.88493 4.26124C2.94146 4.19846 3.00869 4.14859 3.08276 4.1145C3.15683 4.08042 3.23629 4.06277 3.31656 4.06259C3.48539 4.06259 3.63892 4.13837 3.7657 4.27238L6.50509 7.33568L9.23875 4.27238C9.32285 4.17452 9.43174 4.1068 9.55125 4.07801C9.67077 4.04922 9.79538 4.06069 9.9089 4.11094C10.0224 4.16119 10.1196 4.24789 10.1878 4.35977C10.2559 4.47164 10.292 4.60352 10.2912 4.73826L10.2912 4.73896Z' fill='%23007AFF'/%3E%3C/svg%3E") !important;
}

.dropdown-wrp .dropdown li {
    float: none;
    margin: 0;
    border-bottom: 1px solid rgba(133, 133, 149, 0.20);
}
.dropdown-wrp .dropdown li:last-child {
    border: none;
}
.dropdown-wrp .dropdown li a {
    display: flex;
    align-items: center;
    height: 44px;
    color: #4E4E59;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    line-height: 1 !important;
    white-space: nowrap;
    font-weight: 400;
    box-sizing: content-box;
    border-radius: 0;
    padding: 0 12px;
    text-decoration: none;
}

ul.dropdown li {
    float: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(133, 133, 149, 0.20);
}
ul.dropdown li:last-of-type {
    border-bottom: none;
}
ul.dropdown li input {
    display: none;
}
ul.dropdown li label {
    cursor: pointer;
}
ul.dropdown li .dropdown-link {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    border-radius: 0;
    font-family: "proxima-nova", sans-serif;
    text-align: left;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    color: #4E4E59;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    font-weight: 400;
    padding: 0 12px;
}
ul.dropdown li .dropdown-link:hover {
    background-color: #F2F2F7;
}
ul.dropdown li .dropdown-link:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#headerVehicleSelect li .dropdown-link:before {
    background-image: url('/img/icon_car.svg');
}
#headerVehicleSelect li .dropdown-link.cdl:before {
    background-image: url('/img/icon_cdl.svg');
}
#headerVehicleSelect li .dropdown-link.moto:before {
    background-image: url('/img/icon_moto.svg');
}

#stateTabs li .dropdown-link.permit:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M6.85641 0.158828C6.5013 -0.0529427 6.0622 -0.0529427 5.70703 0.158828L0.282929 3.39347C-0.0943099 3.61843 -0.0943093 4.17565 0.282929 4.40061L5.70703 7.63527C6.0622 7.84701 6.5013 7.84701 6.85641 7.63527L12.2696 4.40716V7.54071C12.2696 7.78218 12.4611 7.97795 12.6973 7.97795C12.9335 7.97795 13.125 7.78218 13.125 7.54071V4.23189C13.125 4.02455 13.0173 3.8328 12.8421 3.72832L6.85641 0.158828Z' fill='%23007AFF'/%3E%3Cpath d='M2.28543 9.67573C1.93504 9.46679 1.71958 9.0833 1.71958 8.66856V6.13186L5.70703 8.50975C6.0622 8.7215 6.5013 8.7215 6.85641 8.50975L10.8439 6.13186V8.66856C10.8439 9.0833 10.6285 9.46679 10.278 9.67573L6.85641 11.7162C6.5013 11.9279 6.0622 11.9279 5.70703 11.7162L2.28543 9.67573Z' fill='%23007AFF'/%3E%3C/svg%3E");
    background-size: 18px 18px;
}
#stateTabs li .dropdown-link.driving:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M9.375 0.837433C10.3251 1.38599 11.1141 2.17498 11.6627 3.12511C12.2112 4.07524 12.5 5.15302 12.5 6.25013C12.5 7.34724 12.2112 8.42502 11.6626 9.37514C11.1141 10.3253 10.3251 11.1142 9.37493 11.6628C8.4248 12.2113 7.34701 12.5001 6.2499 12.5001C5.15279 12.5001 4.07501 12.2113 3.1249 11.6627C2.17478 11.1141 1.38581 10.3251 0.837272 9.37497C0.288737 8.42483 -2.78685e-05 7.34704 2.01728e-09 6.24993L0.00312507 6.04743C0.038127 4.96805 0.352217 3.91616 0.914775 2.9943C1.47733 2.07245 2.26916 1.31209 3.21306 0.787359C4.15696 0.262628 5.22072 -0.00856924 6.30063 0.000206404C7.38054 0.00898205 8.43975 0.297431 9.375 0.837433ZM1.25 6.24993C1.25004 7.46774 1.69453 8.64368 2.50005 9.55702C3.30557 10.4704 4.41674 11.0583 5.625 11.2106V8.01868C5.33817 7.91737 5.0803 7.74779 4.87363 7.52457C4.66696 7.30135 4.51771 7.0312 4.43875 6.73743L1.27 5.79743C1.25708 5.94743 1.25042 6.09847 1.25 6.25056M11.2294 5.79743L8.06125 6.73681C7.98244 7.03063 7.83332 7.30086 7.62676 7.52418C7.42021 7.74751 7.16241 7.91722 6.87563 8.01868V11.2112C8.13575 11.0524 9.28822 10.42 10.099 9.44235C10.9098 8.46473 11.3182 7.21519 11.2413 5.94743L11.2294 5.79743ZM3.75 1.91993C2.72176 2.51365 1.93836 3.45391 1.54 4.57243L4.5475 5.46368C4.69757 5.13844 4.93767 4.86299 5.23939 4.66992C5.5411 4.47685 5.8918 4.37425 6.25 4.37425C6.6082 4.37425 6.9589 4.47685 7.26061 4.66992C7.56233 4.86299 7.80243 5.13844 7.9525 5.46368L10.96 4.57243C10.714 3.88192 10.3193 3.25393 9.80365 2.73294C9.28802 2.21195 8.66414 1.8107 7.97621 1.55761C7.28828 1.30453 6.55311 1.2058 5.82278 1.26841C5.09245 1.33102 4.38482 1.55345 3.75 1.91993Z' fill='%23007AFF'/%3E%3C/svg%3E");
    background-size: 18px 18px;
}

.night-mode .dropdown {
    background-color: #2B2B30;
    border-color: #2B2B30;
}
.night-mode .dropdown li .dropdown-link,
.night-mode .dropdown li a {
    color: #cbcbcb;
}
.night-mode .dropdown li .dropdown-link:hover,
.night-mode .dropdown li a:hover {
    background-color: #555562;
    color: #cbcbcb;
}

#headerStateSelect {
    padding: 20px;
}
#headerStateSelect ul {
    flex: 0 0 auto;
    width: 100%;
    column-count: 3;
    margin: 0;
    padding: 0;
    background: transparent;
    list-style-type: none;
    border: 0;
    line-height: 1.4;
    width: auto;
}
#headerStateSelect ul li {
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
}
#headerStateSelect ul li a {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 150px;
    height: 22px;
    padding: 0;
    margin: 0;
    text-align: left;
    text-decoration: none;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#headerStateSelect ul li a span {
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    height: 22px;
    position: relative;
    display: block;
    padding: 0 10px 0 5px;
    white-space: nowrap;
}
#headerStateSelect ul li a:hover {
    color: #fff;
    background-color: #007aff;
}
/*state page new styles: end*/

/*gamification: end*/
@media (max-width: 1299px) {
    #header #nav > li.datepicker-wrapper {
        display: none;
    }
}
@media (max-width: 1199px) {
    .is_premium .pg_state #header #progress-link {
        display: flex;
        margin: 0 15px 0 auto;
    }
    #header #nav li#menu-link ul {
        left: auto;
        right: 0;
    }
    #header #nav > li a {
        padding: 7px 10px;
    }
    #sidebar {
        display: none !important;
    }
    #outer_layout {
        width: 100% !important;
    }
    #header {
        width: 100% !important;
    }
    #footer {
        padding-right: 0 !important;
    }
    .sidebar-modal-open #sidebar {
        display: block !important;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        overflow: auto;
    }
    .sidebar-modal-open #sidebar #sticky {
        width: 335px;
        position: absolute !important;
        top: 15px !important;
        right: 15px !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 1001;
        padding-bottom: 15px;
        margin: 0 !important;
    }
    body.sidebar-modal-open {
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .hide-on-desktop {
        display: none !important;
    }

    #header #nav > li#menu-link {
        display: none;
    }
}

/*mobile: begin */
@media(max-width: 767px){
    html {
        width: 100%;
        overflow-x: hidden;
        margin-top: 0 !important;
    }
    html #wpadminbar {
        display: none !important;
    }
    body {
        margin-top: 50px;
        min-height: 100vh !important;
    }
    .hide-on-mobile {
        display: none !important;
    }
    #header {
        background-color: #fff;
    }
    #header > .container {
        height: 50px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
        background-color: inherit;
        transition: background-color .3s;
    }
    .menu-open #header > .container {
        background-color: #F2F3F7;
    }
    .night-mode #header > .container {
        background-color: #1C1C1C !important;
    }
    .atTestLoading #header {
        display: none;
    }
    .atTest #header > .container {
        background-color: #F2F3F7;
        transform: translateX(100%);
        box-sizing: border-box;
        -webkit-transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms;
        transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms;
        will-change: transform;
    }
    .menu-open #header > .container {
        transform: translateX(0);
    }
    .is_premium .pg_state #header #progress-link {
        margin: 0;
    }
    .is_premium .pg_autotest #header #progress-link {
        display: none;
    }
    .menu-open #header #progress-link {
        display: none !important;
    }
    #header > .container, #inner_wrapper {
        padding: 0 20px;
    }
    #header > .container {
        justify-content: space-between;
    }
    .dropdowns {
        display: none !important;
    }
    #header .logo-wrapper {
        position: relative;
    }

    .is_premium #header .logo-wrapper #logo {
        width: 30px;
        background-position: left;
    }
    .is_premium #header .logo-wrapper #logo:after {
        content: "premium";
        position: absolute;
        top: 14px;
        left: 9px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 11px;
        background-color: #FAD92C;
        color: #000;
        border-radius: 9px;
        padding: 0 3px;
        z-index: 1;
        font-family: "proxima-nova", sans-serif;
        font-size: 8px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .8px;
        text-indent: initial;
    }
    .menu-open #header #logo {
        opacity: 0;
        z-index: -1;
        pointer-events: none;
    }
    .menu-open #header[data-menu="main"] #logo, .menu-open #header[data-menupage="progress-widget"] #logo {
        opacity: 1;
    }
    .menu-open #header #logo {
        opacity: 0;
        z-index: -1;
    }
    .menu-open #header[data-menu="main"] #logo, .menu-open #header[data-menupage="progress-widget"] #logo {
        opacity: 1;
    }
    #header .back-button {
        transition: none;
    }
    #header #nav #premium-link {
        display: none !important;
    }
    #header #nav > li {
        display: none;
    }
    #header #nav #menu-link {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 24px;
        height: 24px;
        background: transparent;
        border: none;
        padding: 5px;
        box-sizing: content-box;
        margin-right: -10px;
    }
    #header #menu-link>div {
        width: 24px;
        height: 2px;
        background: #7C7C91;
        border-radius: 10px;
        transition: all 0.3s linear;
        position: relative;
        transform-origin: 1px;
    }
    #header #menu-link .bar-one {
        transform: rotate(0);
    }
    #header #menu-link .bar-two {
        opacity: 1;
        transform: translateX(0);
    }
    #header #menu-link .bar-three {
        transform: rotate(0);
    }
    .menu-open #header #menu-link .bar-one {
        transform: rotate(45deg);
    }
    .menu-open #header #menu-link .bar-two {
        opacity: 0;
        transform: translateX(20px);
    }
    .menu-open #header #menu-link .bar-three {
        transform: rotate(-45deg);
    }
    .foldout-menu {
        display: block;
        width: 100%;
        height: calc(100% - 50px);
        position: fixed;
        top: 50px;
        left: 0;
        transform: translateX(100%);
        box-sizing: border-box;
        -webkit-transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms;
        transition: transform cubic-bezier(0.36,0.66,0.04,1) 500ms;
        will-change: transform;
        overflow: hidden;
        background-color: #F2F3F7;
        z-index: 100000;
    }
    .foldout-menu .menu-wrapper {
        /*width: 400%;
        height: 100%;*/
        display: flex;
        width: auto;
        flex-wrap: nowrap;
        height: 100%;
    }
    .foldout-menu .menu-wrapper .menu-page {
        /*width: 25%;
        height: 100%;
        float: left;*/
        width: 100vw;
        flex-shrink: 0;
        height: auto;
        padding: 15px 15px 85px;
        box-sizing: border-box;
        overflow: auto;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .foldout-menu .menu-wrapper .menu-page[data-menupage="cdl-settings"] {
        background-color: #fff;
    }
    .foldout-menu .menu-wrapper .menu-page .premium-btn-container {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        background-color: #F2F3F7;
        z-index: 3;
    }
    .foldout-menu .menu-wrapper .menu-page .premium-btn {
        font-size: 14px;
        line-height: 1.35;
        color: #000;
        padding: 16px;
        width: 100%;
        max-width: 500px;
        font-weight: 600;
        text-align: center;
        justify-content: center;
        box-sizing: border-box;
        margin: 0 auto !important;
        background-color: #8DF4A9;
        border-radius: 12px;
        text-decoration: none;
    }
    .foldout-menu .menu-wrapper .menu-page .premium-btn:active, .foldout-menu .menu-wrapper .menu-page .premium-btn:visited {
        color: #000;
        text-decoration: none;
    }
    .foldout-menu .menu-wrapper .menu-page #sign-in-link {
        display: inline-block;
        font-size: 14px;
        line-height: 1.35;
        color: #007AFF;
        margin: 8px 0 0;
        text-decoration: none;
        border-bottom: 1px solid rgba(0, 122, 255, 0.2);
        transition: border-color .3s;
    }
    .foldout-menu .menu-wrapper .menu-page #sign-in-link:active, .foldout-menu .menu-wrapper .menu-page #sign-in-link:active:visited {
        text-decoration: none;
        border-color: 1px solid rgb(0, 122, 255);
    }
    .foldout-menu .qInCBank {
        margin-right: 5px;
    }
    .menu-open .foldout-menu {
        transform: translateX(0);
    }

    ul.menu-items {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }
    ul.menu-items li {
        width: 100%;
        box-sizing: border-box;
        list-style-type: none;
        margin-bottom: 30px;
    }
    ul.menu-items li:last-child {
        margin-bottom: 10px;
    }
    ul.menu-items li a {
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
        color: #7C7C91;
        text-decoration: none;
    }
    ul.menu-items li a:active, ul.menu-items li a:visited {
        color: #7C7C91;
        text-decoration: none;
    }
    ul.menu-items li .ViewSwitcher {
        height: 44px;
        width: 100%;
        font-size: 14px;
        line-height: 1;
        color: #4E4E59;
        font-weight: 400;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        padding: 0;
    }
    ul.menu-items li a.primary {
        color: #007AFF;
        font-weight: 700;
    }
    ul.menu-items li a svg.arrow, .menu-item a svg.arrow,  ul.menu-items li .menu-anchor svg.arrow{
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px;
        margin-right: -9px;
    }
    .menu-item a svg.arrow:last-child {
        margin: 0 0 0 auto;
    }
    ul.menu-items li a.primary:after {
        content: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23007AFF' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    }
    .menu-open #header[data-menupage="progress-widget"] #progress-link {
        opacity: 0 !important;
    }

    #header .back-button {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 30px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity .3s;
    }
    #header .back-button svg {
        display: inline-block;
        width: 10px;
        font-size: 1rem;
    }
    #header .back-button>span {
        display: none;
    }
    .menu-open #header>.container {
        z-index: 100000;
    }
    .menu-open #header .back-button {
        opacity: 1;
    }
    .menu-open #header[data-menu="main"] .back-button,
    .menu-open #header[data-menupage="progress-widget"] .back-button,
    .menu-open #header[data-menupage="cdl-settings"] .back-button{
        opacity: 0;
        z-index: -1;
    }
    .menu-open #header[data-menu="sub"] #progress-link {
        opacity: 0 !important;
    }

    #test-main-menu .back-btn {
        margin: 0;
    }
    #test-main-menu .showResults {
        display: none;
    }
    .atBQReview #test-main-menu .showResults {
        display: flex;
    }
    .atBQReview #test-main-menu .backToState {
        display: none;
    }

    .menu-page .title-wrp {
        margin-bottom: 16px;
    }
    .menu-page .title-wrp h2 {
        font-size: 22px;
        line-height: 1.25;
        font-weight: 700;
        margin: 0 0 4px;
    }
    .night-mode .menu-page .title-wrp h2 {
        color: #f2f2f7;
    }
    .menu-page .title-wrp .plan-name {
        font-size: 14px;
        line-height: 1.35;
        color: #808080;
    }
    #sub-menu .submenu-page {
        display: none;
        flex-direction: column;
    }
    #sub-menu .submenu-page.active {
        display: flex;
    }
    ul.menu-items {
        width: 100%;
        background-color: #fff;
        border-radius: 12px;
        padding: 0;
        margin: 0 0 16px;
    }
    ul.menu-items li {
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
        color: #4E4E59;
        padding: 12px 0 12px 12px;
        margin: 0 !important;
        border-bottom: 1px solid rgba(133, 133, 149, 0.2);
    }
    .night-mode #menu {
        background-color: #1C1C1C;
    }
    ul.menu-items li:last-of-type {
        border-bottom: none;
    }
    ul.menu-items li a, 
    .menu-item a,
    .menu-items .menu-anchor {
        display: flex;
        width: 100%;
        line-height: 24px;
        align-items: center;
        justify-content: space-between;
        font-weight: 400;
        padding: 0;
        box-sizing: border-box;
        text-decoration: none;
        color: inherit;
        padding: 0 12px 0 0;
        outline: none;
        background-color: transparent;
        border: none;
        appearance: none;
    }
    ul.menu-items li a:active, 
    ul.menu-items li a:visited, 
    .menu-item a:active, 
    .menu-item a:visited {
        text-decoration: none;
        color: inherit;
    }
    ul.menu-items li a.vehicle:before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: 0 10px 0 0;
        background: url('/img/icon_car.svg') center center / cover no-repeat;
    }
    ul.menu-items li a.vehicle.cdl:before {
        background-image: url('/img/icon_cdl.svg');
    }
    ul.menu-items li a.vehicle.moto:before {
        background-image: url('/img/icon_moto.svg');
    }
    ul.menu-items li a.vehicle .arrow {
        margin-left: auto;
    }
    #vehicles-menu ul.menu-items li a .premium-label {
        font-size: 8px;
        line-height: 1;
        font-weight: 600;
        padding: 2px 5px;
        border-radius: 9px;
        color: #000;
        background-color: #FAD92C;
        text-transform: uppercase;
        margin-left: 7px;
    }
    ul.menu-items li.input-wrapper {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 0 12px;
        box-sizing: border-box;
        white-space: nowrap;
    }
    ul.menu-items li .radios {
        display: flex;
        align-items: center;
    }
    ul.menu-items li input[type=radio] {
        display: none;
        /*
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        background-color: #007AFF;
        margin: 0 0 0 13px;
        */
    }
    ul.menu-items li label {
        /*
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 1.35;
        color: #808080;
        margin: 0 0 0 9px;
        padding: 0;
        */
    }
    ul.menu-items li a.blue, ul.menu-items li span.blue, .menu-item a.blue, .menu-item span.blue {
        display: flex;
        align-items: center;
        color: #007AFF;
    }
    ul.menu-items li.with-icon a, .menu-item.with-icon a {
        justify-content: flex-start;
    }
    ul.menu-items li.with-icon svg, .menu-item.with-icon svg {
        display: block;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    .menu-item {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 12px;
        padding: 12px 16px;
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 1.4;
        font-weight: 400;
        color: #4E4E59;
    }
    .menu-item a {
        padding: 0;
    }
    .menu-items-wrp {
        display: flex;
        column-gap: 12px;
        flex-wrap: wrap;
    }
    .menu-items-wrp .menu-item {
        width: auto;
        flex-grow: 1;
    }
    #test-menu-mobile h2 {
        font-size: 18px;
        line-height: 1.25;
        font-weight: 700;
        margin: 0 0 4px;
    }
    #test-sub-menu .submenu-page {
        display: none;
        flex-direction: column;
    }
    #test-sub-menu .submenu-page.active {
        display: flex;
    }
    #helperModal {
        display: none !important;
    }

    #progress-widget .smartProgressWrp .widget-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #progress-widget .smartProgressWrp .widget-header>a {
        display: block;
        font-size: 14px;
        line-height: 1.35;
        font-weight: 600;
        color: #007AFF;
        text-decoration: none;
    }
    #tprWidget {
        margin: 0 0 40px;
    }
}


/*mobile: end */

#header {
    background-color: inherit;
}
.smartProgressWrp {
    position: relative;
}
/*.smartProgressWrp * {
    filter: blur(3px);
    pointer-events: none;
    opacity: 0.8;
}
.smartProgressWrp .progressTabs {
	display: none;
}*/
.smartProgressWrp h2,
.smartProgressWrp .h2 {
    filter: none;
}
/*.smartProgressWrp .progressLink {
	opacity: 0.4;
}*/
.smartProgressWrp .premium-disclaimer-wrp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: none;
    cursor: pointer;
    pointer-events: auto;
}
.smartProgressWrp .premium-disclaimer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0;
    width: calc(100% - 50px);
}
#sidebar .imgLicense {
    display: none;
    margin: 0 0 10px;
}
#sidebar .imgLicense.active {
    display: block;
}
#sidebar .imgLicense img {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-shadow: 0px 35px 25px -10px rgb(129 129 139 / 40%);
    border-radius: 8px;
    border: 1px solid;
    border-image-source: linear-gradient(
        360deg,
        rgba(132, 132, 149, 0.48) 0%,
        #ffffff 100%
    );
}

#sidebar #guestProgressWidget {
    margin-bottom: 20px;
    padding: 20px;
}
#sidebar .guestProgressWrp {
    position: relative;
}
#sidebar .guestProgressWrp.active {
    display: block;
}
#sidebar .guestProgressBar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    border-radius: 8px;
    background-color: #f2f2f7;
    position: relative;
    overflow: hidden;
}
/*#sidebar .guestProgressBarFill {
    position: absolute;
    top: -2px;
    left: -2px;
    background-color: #00B67A;
    height: calc(100% + 4px);
    box-sizing: border-box;
    border-radius: 100px 0 0 100px;
    transition: width 0.3s;
    z-index: 1;
}
#sidebar .guestProgressLimit {
    display: inline-block;
    height: 100%;
    border-right: 1px solid rgba(133, 133, 149, 0.16);
    border-radius: 100px 0 0 100px;
    z-index: 2;
    position: relative;
}
#sidebar .guestProgressWrp.loading .guestProgressLimit {
    opacity: 0;
}
#sidebar .guestProgressLimit:after {
    content: "Free";
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-grow: 1;
    text-align: center;
    color: #808080;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    background-color: transparent;
    opacity: 0.5;
    transition: opacity 0.3s;
}
#sidebar #motoGuestProgressWrp .guestProgressLimit:after {
    font-size: 9px;
}
#sidebar .guestProgressWrp.loading .guestProgressLimit:after {
    opacity: 0;
}
#sidebar .guestProgressBar:after {
    content: "Premium";
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-grow: 1;
    text-align: center;
    color: #808080;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    background-color: transparent;
    opacity: 0.5;
    transition: opacity 0.3s;
}
#sidebar .guestProgressWrp.loading .guestProgressBar:after {
    opacity: 0;
}
#sidebar .guestProgressText {
    font-size: 14px;
    line-height: 1.35;
    color: #4e4e59;
    margin: 8px 0;
}
#sidebar .guestProgressText .attempted-num {
    color: #14b32f;
    font-weight: 600;
}*/
#sidebar .guestProgressLink {
    color: #007aff;
    font-weight: 600;
    transition: opacity 0.3s;
    margin-top: 13px;
}
#sidebar .guestProgressWrp.loading .guestProgressLink {
    opacity: 0;
}
#sidebar .progressItem .itemResult {
    display: none !important;
}

#sidebar .guestProgressBar:after {
  content: none;
}
#sidebar .guestProgressBar>div {
  height: 100%;
  position: relative;
}
#sidebar .guestProgressBar .questionsPremium {
  border-left: 1px solid rgba(133, 133, 149, 0.16);
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.0006 3C18.2415 3 18.4655 3.11546 18.6055 3.30648L18.6602 3.39287L21.9241 9.42108L21.962 9.51397L21.9741 9.55379L21.9942 9.65597L22 9.74989C22 9.81893 21.9907 9.88578 21.9732 9.94926L21.9258 10.0753L21.8883 10.1439C21.8662 10.1795 21.8411 10.2135 21.8128 10.2456L21.8726 10.1682L21.8481 10.2024L12.5973 20.7078C12.5172 20.8141 12.4139 20.8914 12.3 20.9397L12.2018 20.9727L12.1246 20.9901L12.0003 21L11.9 20.9934L11.7821 20.9679C11.7219 20.9506 11.6633 20.9251 11.6085 20.8919L11.5993 20.8844C11.5522 20.8561 11.5082 20.8215 11.4682 20.7812L2.17811 10.2351L2.15187 10.2024L2.11179 10.1439C2.05631 10.0543 2.01921 9.95218 2.00569 9.84275L2 9.74989L2.00285 9.68403L2.01606 9.59528C2.02225 9.56536 2.03015 9.5366 2.03966 9.50859L2.06249 9.4501L2.09049 9.39277L5.33978 3.39287C5.45449 3.18107 5.66267 3.03913 5.89736 3.00695L5.99937 3H18.0006ZM14.9984 10.4999H8.99873L12 18.1867L14.9984 10.4999ZM7.38957 10.4999H4.40925L9.76082 16.5738L7.38957 10.4999ZM19.5888 10.4999H16.6095L14.2413 16.5698L19.5888 10.4999ZM8.97173 4.49998H6.44542L4.00721 8.9999H7.53158L8.97173 4.49998ZM13.4521 4.49998H10.5468L9.10575 8.9999H14.8914L13.4521 4.49998ZM17.5535 4.49998H15.0274L16.4675 8.9999H19.9899L17.5535 4.49998Z' fill='url(%23paint0_linear_10047_237958)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10047_237958' x1='18.0004' y1='20.7273' x2='7.93254' y2='-2.31109' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23CD2FD4'/%3E%3Cstop offset='0.470026' stop-color='%23007AFF'/%3E%3Cstop offset='1' stop-color='%2300B67A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 5px) 50%;
}
#sidebar .guestProgressBar .questionsFreeDone {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #8DF4A9;
}
#sidebar .guestProgressBar .qsText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #4E4E59;
  z-index: 1;
}

/*topbar: begin */
#header {
    display: flex;
    flex-direction: column-reverse;
}
/* NEW PREMIUM BUTTON */
#nav a.primary-btn.premium {
    display: flex !important;
    gap: 4px;
    align-items: center;
    height: 36px !important;
    padding: 0 16px 0 12px !important;
    background-color: #8df4a9 !important;
    color: #000 !important;
    line-height: 1 !important;
}
@keyframes rotate-premium-btn {
  from {transform: rotate(0);}
  to {transform: rotate(20deg);}
}
#nav a.primary-btn.premium:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=UTF-8, %3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.0006 4C18.2415 4 18.4655 4.11546 18.6055 4.30648L18.6602 4.39287L21.9241 10.4211L21.962 10.514L21.9741 10.5538L21.9942 10.656L22 10.7499C22 10.8189 21.9907 10.8858 21.9732 10.9493L21.9258 11.0753L21.8883 11.1439C21.8662 11.1795 21.8411 11.2135 21.8128 11.2456L21.8726 11.1682L21.8481 11.2024L12.5973 21.7078C12.5172 21.8141 12.4139 21.8914 12.3 21.9397L12.2018 21.9727L12.1246 21.9901L12.0003 22L11.9 21.9934L11.7821 21.9679C11.7219 21.9506 11.6633 21.9251 11.6085 21.8919L11.5993 21.8844C11.5522 21.8561 11.5082 21.8215 11.4682 21.7812L2.17811 11.2351L2.15187 11.2024L2.11179 11.1439C2.05631 11.0543 2.01921 10.9522 2.00569 10.8427L2 10.7499L2.00285 10.684L2.01606 10.5953C2.02225 10.5654 2.03015 10.5366 2.03966 10.5086L2.06249 10.4501L2.09049 10.3928L5.33978 4.39287C5.45449 4.18107 5.66267 4.03913 5.89736 4.00695L5.99937 4H18.0006ZM14.9984 11.4999H8.99873L12 19.1867L14.9984 11.4999ZM7.38957 11.4999H4.40925L9.76082 17.5738L7.38957 11.4999ZM19.5888 11.4999H16.6095L14.2413 17.5698L19.5888 11.4999ZM8.97173 5.49998H6.44542L4.00721 9.9999H7.53158L8.97173 5.49998ZM13.4521 5.49998H10.5468L9.10575 9.9999H14.8914L13.4521 5.49998ZM17.5535 5.49998H15.0274L16.4675 9.9999H19.9899L17.5535 5.49998Z' fill='%23000000'/%3e%3c/svg%3e") center center / cover no-repeat;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    animation-name: rotate-premium-btn;
    animation-duration: .3s;
    animation-timing-function: ease;
    animation-iteration-count: 2;
    animation-delay: 5s;
}
#nav a.primary-btn.premium:hover {
    background-color: #8df4a9 !important;
    color: #000 !important;
}
#nav a.primary-btn.premium:hover:before{
    transform: rotate(20deg);
}
/*.pg_autotest #header:has(.countdown.active) ~ #container #inner_wrapper {
    padding-bottom: 130px !important;
}*/
body.countdown-active #footer {
    padding-bottom: 50px;
}
.countdown {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #eaebf0;
    border-bottom: 1px solid #e3e5eb;
    text-decoration: none;
    height: 50px;
    transition: all .3s ease-out;
    transform: translateY(100%);
    visibility: hidden;
    font-family: "proxima-nova", sans-serif;
    color: #000;
    box-sizing: border-box;
}
.countdown:hover, 
.countdown:visited, 
.countdown:active {
    text-decoration: none;
    color: #000;
}
.countdown.active {
    transform: none;
    visibility: visible;
}
.countdown[data-filter="cold"] {
    background-color: #EEF4FF;
    color: #0B2855 !important;
    border: 1px solid #CFE0FF;
}
.countdown[data-filter="warm"] {
    background-color: #FFF6E5;
    color: #5C2D00 !important;
    border: 1px solid #FFE1B2;
}
.countdown[data-filter="hot"] {
    background-color: #FFECE6;
    color: #5C1A00 !important;
    border: 1px solid #FFD5C7;
}
.countdown[data-filter="final"] {
    background-color: #FFE8EA;
    color: #5A0A14 !important;
    border: 1px solid #FFC7CE;
}
.countdown[data-filter="renew"],
.countdown[data-filter="renewed"] {
    background-color: #E9FBF2;
    color: #084C2E !important;
    border: 1px solid #BFEFDC;
}
.countdown-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    max-width: 970px;
    height: 49px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1;
    box-sizing: border-box;
}
.countdown .countdown-upper,
.countdown .counter,
.countdown .timer {
    display: flex;
    align-items: center;
    justify-content: center;
}
.countdown .timer {
    gap: 3px;
}
.countdown .countdown-time {
    font-weight: 600;
}
.countdown .countdown-cta {
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
    background-color: #fff;
    color: #000;
    margin-left: 10px;
    transition: all .3s;

    display: none !important;
}
.countdown[data-filter="cold"] .countdown-cta{
    background-color: #1E66F5;
    color: #FFFFFF;
    border: 1px solid #CFE0FF;
}
.countdown[data-filter="warm"] .countdown-cta{
    background-color: #FF8A00;
    color: #1A1300;
    border: 1px solid #FFE1B2;
}
.countdown[data-filter="hot"] .countdown-cta{
    background-color: #FF5A1F;
    color: #FFFFFF;
    border: 1px solid #FFD5C7;
}
.countdown[data-filter="final"] .countdown-cta{
    background-color: #E11931;
    color: #FFFFFF;
    border: 1px solid #FFC7CE;
}
.countdown[data-filter="renew"] .countdown-cta,
.countdown[data-filter="renewed"] .countdown-cta {
    background-color: #12A979;
    color: #FFFFFF;
    border: 1px solid #BFEFDC;
}
.countdown .countdown-cta:hover {
    transform: translateY(-1px);
}
.countdown .counter big {
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    background: #333;
    padding: 2px 5px;
    min-width: 32px;
    min-height: 21px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.countdown .counter small {
    font-size: 14px;
}
.countdown .countdown-close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.countdown .countdown-dot {
    display: block;
    min-width: 10px;
    min-height: 10px;
    background-color: #1E66F5;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}
.countdown .countdown-dot:after {
    content: '';
    display: block;
    border: 2px solid #1E66F5;
    border-radius: 50%;
    min-height: 15px;
    min-width: 15px;
    position: absolute;
    left: -4.5px;
    top: -4.5px;
    animation: pulsate 3s ease-out infinite;
    opacity: 0;
}
@keyframes pulsate {
    0% {transform: scale(0, 0); opacity: 0;}
    70% {transform: scale(0.1, 0.1); opacity: 0;}
    85% {opacity: 1;}
    100% {transform: scale(1.2, 1.2); opacity: 0;}
}

.countdown[data-filter] .filter {
    display: none;
}
.countdown[data-filter="cold"] .filter.cold,
.countdown[data-filter="warm"] .filter.warm,
.countdown[data-filter="hot"] .filter.hot,
.countdown[data-filter="final"] .filter.final,
.countdown[data-filter="renew"] .filter.renew,
.countdown[data-filter="renewed"] .filter.renewed {
    display: flex;
}
@keyframes pointer-animation {
  0% {
    transform: translate(3px, -50%) rotate(90deg);
  }
  50% {
    transform: translate(0, -50%) rotate(90deg);
  }
  60% {
    transform: translate(0, -50%) rotate(90deg);
  }
  100% {
    transform: translate(3px, -50%) rotate(90deg);
  }
}
@media(max-width: 1023px) {
    .countdown .countdown-upper {
        flex-wrap: wrap;
        gap: 5px;
    }
    .countdown .countdown-header {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .countdown .countdown-dot {
        position: absolute;
        top: 20px;
        left: 20px;
    }
}
@media(max-width: 767px) {
    #header #logo {
        width: 130px;
        height: auto;
    }
    #header #nav #premium-link {
        display: inline-block !important;
        margin: 0 8px 0 0 !important;
    }
    .menu-open #header #nav #premium-link {
        display: none !important;
    }
    #nav a.primary-btn.premium {
        font-size: 12px;
        line-height: 16px !important;
        height: auto !important;
        padding: 4px 8px !important;
    }
    #nav a.primary-btn.premium:before {
        content: none !important;
    }
    .countdown {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        transition: none;
    }
    .countdown .countdown-container {
        height: auto;
        padding: 7px 10px;
    }
    .countdown .countdown-cta:not(.renew) {
        display: none !important;
    }
    .countdown .countdown-cta.renew {
        font-size: 14px;
        margin: 5px 0 0;
    }
    .countdown .countdown-upper {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .pg_autotest .countdown {
        bottom: 66px;
    }
    .atBResult .countdown {
        bottom: 62px;
    }
    .pg_handbook .countdown {
        padding-bottom: 64px;
    }
    .atPreInit .countdown,
    .atPreInit .vehicle-wrp.countdown {
        display: none !important;
    }
    .countdown .countdown-close {
        width: 20px;
        height: 20px;
    }
    .countdown .countdown-pointer {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translate(3px, -50%) rotate(90deg);
        animation: pointer-animation 2s ease-in infinite;
    }
    .partner-link-wrp {
        margin-left: 0;
        padding-left: 12px;
    }
    .is_sdp #header > .container {
        padding: 0 15px 0 10px;
    }
}
/*topbar: end */


@media (max-width: 1199px) {
	#sidebar-link {
		display: inline-block;
	}
}




#header #nav .premium-login a {
	font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #007AFF;
    padding: 8px 12px;
    border-radius: 5px;
    text-decoration: none;
}
#header #nav .premium-login a svg {
    margin-right: 2px;
}

.challenge-bank-link .cBankQty {
	margin-left: 10px;
	color: #007aff;
}

#datepicker-overlay {
	pointer-events: none !important;
}

/* MENU RADIO SWITCHER */
.radioSwitcher {
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
	height: 44px;
    padding: 0 12px;
	font-size: 14px;
	font-weight: 400;
	color: #4E4E59;
	transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.radioSwitcher > div:first-child {
	margin-right: 15px;
}
.radioSwitcher > div:last-child {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 2px;
}
.radioSwitcher input[type="radio"] {
	display: none;
}
.radioSwitcher label {
	position: relative;
    display: flex;
    align-items: center;
	margin-right: 10px;
	cursor: pointer;
}
.radioSwitcher label:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	left: 1px;
	top: 1px;
	margin-right: 7px;
	border: 1px solid rgba(133, 133, 149, 0.8);
	border-radius: 50%;
}
.radioSwitcher input[type="radio"]:checked + label:before {
	width: 8px;
    height: 8px;
	margin-top: -1px;
    border: 6px solid #007AFF;
    box-sizing: content-box;
}
.night-mode .radioSwitcher {
	color: #cbcbcb;
}
.night-mode .radioSwitcher:hover {
	color: #f2f3f7;
}

#header .challenge-bank-link {
	-ms-flex-pack: justify;
    justify-content: space-between;
}
.pp-bar-wrapper.menu-item-wrapper a.text-underline {
	text-decoration: underline;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 2px !important;
}
.pp-bar-wrapper.menu-item-wrapper a.text-underline:hover {
	text-decoration: none;
}

#header #help-menu ul li a {
	color: #007AFF !important;
}
.night-mode #header #help-menu ul li a {
	color: #cbcbcb !important;
}


.night-mode body {
    background-color: #1C1C1C !important;
    color: #CBCBCB;
}
.night-mode ul.menu-items {
    background-color: #2E2E33;
}
.night-mode ul.menu-items li, 
.night-mode ul.menu-items li label {
    color: #CBCBCB;
}
.night-mode ul.menu-items li:hover, 
.night-mode ul.menu-items li:hover label {
    color: #f2f3f7;
}
.night-mode #header {
    background-color: inherit;
}
.night-mode #header #logo {
    background-image: url('/img/dt-small-all-white.svg');
    /*opacity: 0.7;*/
}
/*
.night-mode.is_premium #header #logo {
	background-image: url('/img/dt-premium-small-all-white.svg') !important;
}
*/
.is_premium #header #logo {
	background-image: url('/img/dt-premium-small-fill.svg') !important;
}
.is_premium.night-mode #header #logo {
	background-image: url('/img/dt-premium-small-all-white.svg') !important;
}
.night-mode #header #logo:hover {
    /*opacity: 0.9;*/
}
.night-mode #header #nav > li a,
.night-mode #header #nav .text-primary {
    color: #cbcbcb;
}
.night-mode #header #nav > li a:hover {
    background-color: #3e3e46;
    color: #f2f3f7;
}
.night-mode #header #nav .primary-btn {
    background-color: #2e2e33;
}
.night-mode #header #nav .dropdown-wrp .dropdown {
    background-color: #2B2B30;
    border-color: #2B2B30;
}
.night-mode #header #nav .dropdown-wrp .ViewSwitcher { 
    color: #cbcbcb;
	cursor: pointer;
}
.night-mode #header #nav .dropdown-wrp .ViewSwitcher:hover { 
    color: #f2f3f7;
}
.night-mode #header #nav .dropdown-wrp .dropdown li a,
.night-mode #header #nav .dropdown-wrp .dropdown li a .text-primary {
    color: #cbcbcb;
}
.night-mode #header #nav .dropdown-wrp a:not(.primary-btn):hover {
    color: #f2f3f7;
    background-color: #555562 !important;
}
.night-mode #header #nav > li > a svg path {
	fill: #F2F3F7;
}
.night-mode .ViewSwitcher .Switcher-input:checked+.Switcher-control:before {
	background-color: #8DF4A9 !important;
}
.night-mode .ViewSwitcher .Switcher-input:checked+.Switcher-control:after {
	background-color: #2B2B30 !important;
}
.night-mode #header #progress-link {
    background-color: #2e2e33;
}

.night-mode .nav-tabs li:nth-child(2):before {
    border-left: 1px solid #555562;
}
.night-mode .nav-tabs li:nth-child(2):after {
    border-right: 1px solid #555562;
}
.night-mode .nav-tabs li.active:before {
    border-left: 1px solid #3e3e46;
}
.night-mode .nav-tabs li.active:after {
    border-right: 1px solid #3e3e46;
}
.night-mode .diagramMsg {
    color: #9999a8;
}
.night-mode #sidebar .diagramMsg p {
    color: #9999a8;
}
.night-mode #sidebar .sidebarWidget {
    box-shadow: none;
}
.night-mode .btn-resource:hover {
    box-shadow: none;
}
.night-mode .progressItem.anchorItem:hover {
    background-color: #3e3e46;
}
.night-mode .progressContent .diagram .scale-y span.axis {
    border-color: #7c7c91;
}
.night-mode .progressContent.planContent .diagram.hidden canvas {
    background-image: url(/img/study-plan-empty-nm.svg);
}
.night-mode .progressContent.accuracyContent .diagram.hidden canvas {
    background-image: url(/img/accuracy-empty-nm.svg);
}
.night-mode #sidebar .sidebarWidget {
    background-color: #2e2e33;
}
.night-mode #sidebar .sidebarWidget p {
    color: #9999a8;
}
.night-mode .widget-btn {
    background-color: #3e3e46;
    border-color: #3e3e46;
    color: #f2f3f7;
}
.night-mode #sidebar .sidebarWidget h1,
.night-mode #sidebar .sidebarWidget .h1,
.night-mode #sidebar .sidebarWidget h3,
.night-mode #sidebar .sidebarWidget .h3 {
    color: #f2f3f7;
}
.night-mode .sidebarWidget .description-inner.overflown:after {
    background: linear-gradient(rgba(46, 46, 51, 0), #2e2e33);
}
.night-mode .wp-playlist-light .wp-playlist-caption .wp-playlist-item-title {
    color: #f2f3f7;
}
.night-mode .wp-playlist-light .wp-playlist-caption .wp-playlist-item-artist,
.night-mode .wp-playlist-item-length {
    color: #9999a8;
}
.night-mode #header #nav .header-note {
    color: #cbcbcb;
}
.night-mode #header #nav > li.menu-item-wrapper > a:hover {
    background-color: inherit;
}
.night-mode #tprWidget .classendor .classendor-status {
    color: #7c7c91;
}
.night-mode .row-wrap .btn-resource .bgImg:after {
    background-color: rgba(62, 62, 70, 0.75) !important;
    color: #F2F3F7 !important;
}
.night-mode .smartProgressWrp .label {
    color: #2B2B30;
}
/*.night-mode .progressItem.subItem > span {
    color: #F2F3F7;
}*/

/* ===== Test Engine: Buttons, Progress, Answers, Score ===== */
/*<![CDATA[*/#atBtnRestart:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.4667 6.56753V4.10978C12.4667 3.71337 11.9922 3.51956 11.7198 3.80146L8.3809 7.14013C8.20517 7.31631 8.20517 7.5894 8.3809 7.76558L11.711 11.1042C11.9922 11.3773 12.4667 11.1835 12.4667 10.7871V8.32937C15.7441 8.32937 18.3361 11.3421 17.6156 14.7512C17.2027 16.7509 15.5859 18.363 13.6002 18.777C10.4633 19.4377 7.66919 17.2795 7.24743 14.3636C7.18592 13.9408 6.81689 13.6149 6.38634 13.6149C5.85914 13.6149 5.43739 14.0817 5.50768 14.6103C6.05245 18.4775 9.72526 21.3405 13.8813 20.5301C16.6228 19.9927 18.8282 17.7816 19.3642 15.0331C20.2341 10.514 16.8073 6.56753 12.4667 6.56753Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.play-btn {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNIDYgMyBBIDEgMSAwIDAgMCA1IDQgQSAxIDEgMCAwIDAgNSA0LjAwMzkwNjIgTCA1IDE1IEwgNSAyNS45OTYwOTQgQSAxIDEgMCAwIDAgNSAyNiBBIDEgMSAwIDAgMCA2IDI3IEEgMSAxIDAgMCAwIDYuNTgwMDc4MSAyNi44MTI1IEwgNi41ODIwMzEyIDI2LjgxNDQ1MyBMIDI2LjQxNjAxNiAxNS45MDgyMDMgQSAxIDEgMCAwIDAgMjcgMTUgQSAxIDEgMCAwIDAgMjYuMzg4NjcyIDE0LjA3ODEyNSBMIDYuNTgyMDMxMiAzLjE4NTU0NjkgTCA2LjU4MDA3ODEgMy4xODU1NDY5IEEgMSAxIDAgMCAwIDYgMyB6Ij48L3BhdGg+PC9zdmc+Cg==) no-repeat 50% 50%;
}
.replay-btn {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBzdHlsZT0iYmxvY2stcHJvZ3Jlc3Npb246dGI7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIiBkPSJNIDE1IDMgQyA4LjUxNzcyOTQgMyAzLjIzMDM0MDIgOC4xNzM0MTcyIDMuMDE5NTMxMiAxNC42MDU0NjkgTCAxLjcwNzAzMTIgMTMuMjkyOTY5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAwLjk5MDIzNDM4IDEyLjk5MDIzNCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMC4yOTI5Njg3NSAxNC43MDcwMzEgTCA0IDE4LjQxNDA2MiBMIDcuNzA3MDMxMiAxNC43MDcwMzEgQSAxLjAwMDEgMS4wMDAxIDAgMSAwIDYuMjkyOTY4OCAxMy4yOTI5NjkgTCA1LjAyMTQ4NDQgMTQuNTY0NDUzIEMgNS4yNTAzNzE0IDkuMjM0ODIyNiA5LjYxMjY3MzQgNSAxNSA1IEMgMjAuNTM0NTM0IDUgMjUgOS40NjU0NjY0IDI1IDE1IEMgMjUgMjAuNTM0NTM0IDIwLjUzNDUzNCAyNSAxNSAyNSBDIDExLjk3NTE4MSAyNSA5LjI3NjA2NyAyMy42NjM2NDUgNy40NDE0MDYyIDIxLjU0ODgyOCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgNS45MzE2NDA2IDIyLjg1OTM3NSBDIDguMTMwOTc5OSAyNS4zOTQ1NTggMTEuMzg0ODE5IDI3IDE1IDI3IEMgMjEuNjE1NDY2IDI3IDI3IDIxLjYxNTQ2NiAyNyAxNSBDIDI3IDguMzg0NTMzNiAyMS42MTU0NjYgMyAxNSAzIHogTSAxMi41OTk2MDkgMTAuNDMxNjQxIEMgMTIuMjg0MTg3IDEwLjQ0MTAxNiAxMiAxMC42OTYzMjggMTIgMTEuMDQ4ODI4IEwgMTIgMTguOTUzMTI1IEMgMTIgMTkuNDIyMTI1IDEyLjUwNTAxNiAxOS43MTkyMzQgMTIuOTE2MDE2IDE5LjQ5MDIzNCBMIDIwLjIwMzEyNSAxNS40NDMzNTkgQyAyMC41NTAxMjUgMTUuMjUwMzU5IDIwLjU1MDEyNSAxNC43NDk2NDEgMjAuMjAzMTI1IDE0LjU1NjY0MSBMIDEyLjkxNjAxNiAxMC41MDk3NjYgQyAxMi44MTMyNjYgMTAuNDUyNzY2IDEyLjcwNDc1IDEwLjQyODUxNiAxMi41OTk2MDkgMTAuNDMxNjQxIHoiPjwvcGF0aD48L3N2Zz4=) no-repeat 50% 50%;
}
	
#atImageAnim.playing .replay-btn {background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzU3IDM1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU3IDM1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yNS41LDM1N2gxMDJWMGgtMTAyVjM1N3ogTTIyOS41LDB2MzU3aDEwMlYwSDIyOS41eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) no-repeat 50% 50%;background-size:40%;}
#atImageAnim.paused .replay-btn {background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNIDYgMyBBIDEgMSAwIDAgMCA1IDQgQSAxIDEgMCAwIDAgNSA0LjAwMzkwNjIgTCA1IDE1IEwgNSAyNS45OTYwOTQgQSAxIDEgMCAwIDAgNSAyNiBBIDEgMSAwIDAgMCA2IDI3IEEgMSAxIDAgMCAwIDYuNTgwMDc4MSAyNi44MTI1IEwgNi41ODIwMzEyIDI2LjgxNDQ1MyBMIDI2LjQxNjAxNiAxNS45MDgyMDMgQSAxIDEgMCAwIDAgMjcgMTUgQSAxIDEgMCAwIDAgMjYuMzg4NjcyIDE0LjA3ODEyNSBMIDYuNTgyMDMxMiAzLjE4NTU0NjkgTCA2LjU4MDA3ODEgMy4xODU1NDY5IEEgMSAxIDAgMCAwIDYgMyB6Ij48L3BhdGg+PC9zdmc+Cg==) no-repeat 50% 50%;}

#atMediaCover:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='23' viewBox='0 0 26 23' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.18268 0.593592C10.1528 0.20171 12.1949 0.402838 14.0507 1.17154C15.9065 1.94024 17.4927 3.242 18.6087 4.91218C19.7247 6.58237 20.3203 8.54598 20.3203 10.5547C20.3203 12.4156 19.8096 14.2238 18.8658 15.792L24.8266 20.2625C25.0802 20.4527 25.2478 20.7359 25.2927 21.0497C25.3375 21.3635 25.2558 21.6823 25.0656 21.9359C24.9543 22.0844 24.8099 22.2049 24.6439 22.2879C24.478 22.3709 24.2949 22.4141 24.1094 22.4141C23.8507 22.4141 23.5991 22.3302 23.3922 22.175L17.4003 17.6811C17.3822 17.6995 17.3639 17.7179 17.3456 17.7362C15.441 19.6409 12.8577 20.7109 10.1641 20.7109C8.15535 20.7109 6.19174 20.1153 4.52156 18.9993C2.85137 17.8833 1.54962 16.2971 0.780916 14.4413C0.0122131 12.5855 -0.188915 10.5434 0.202967 8.57331C0.594848 6.60319 1.56214 4.79352 2.98251 3.37314C4.40289 1.95276 6.21256 0.985473 8.18268 0.593592ZM10.1641 2.66407C8.60345 2.66407 7.07788 3.12684 5.78027 3.99388C4.48266 4.86091 3.4713 6.09326 2.87408 7.53508C2.27686 8.9769 2.1206 10.5634 2.42506 12.0941C2.72952 13.6247 3.48103 15.0307 4.58455 16.1342C5.68808 17.2377 7.09405 17.9892 8.62468 18.2937C10.1553 18.5982 11.7419 18.4419 13.1837 17.8447C14.6255 17.2475 15.8578 16.2361 16.7249 14.9385C17.5919 13.6409 18.0547 12.1153 18.0547 10.5547C18.0547 9.51848 17.8506 8.49242 17.4541 7.53508C17.0575 6.57775 16.4763 5.70789 15.7436 4.97518C15.0109 4.24247 14.141 3.66125 13.1837 3.2647C12.2263 2.86816 11.2003 2.66407 10.1641 2.66407Z' fill='%23A8A8AE'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2188 11.375V12.8984C11.2188 13.4162 10.799 13.8359 10.2812 13.8359C9.76348 13.8359 9.34375 13.4162 9.34375 12.8984V11.375H7.70313C7.25008 11.375 6.88281 11.0077 6.88281 10.5547C6.88281 10.1016 7.25008 9.73438 7.70312 9.73438H9.34375V8.21094C9.34375 7.69317 9.76348 7.27344 10.2812 7.27344C10.799 7.27344 11.2188 7.69317 11.2188 8.21094V9.73438H12.9375C13.3905 9.73438 13.7578 10.1016 13.7578 10.5547C13.7578 11.0077 13.3905 11.375 12.9375 11.375H11.2188Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='29' viewBox='0 0 7 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3.5' cy='3.5' r='3.5' fill='%23007AFF'/%3e%3cline x1='3.5' y1='29' x2='3.5' y2='1' stroke='%23007AFF'/%3e%3c/svg%3e") top center no-repeat;
}
.viewSwitcher.bgAudioSelector select {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' fill='%234E4E59' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon points='396.6,160 416,180.7 256,352 96,180.7 115.3,160 256,310.5 '/%3E%3C/svg%3E");
}

#atChallengeBank {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.83337 15.2613V4.33325H14V15.2613L11.5488 12.9788C10.9036 12.3781 9.92983 12.3781 9.28466 12.9788L6.83337 15.2613Z' stroke='%23007AFF' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e");
}
#atChallengeBank:hover,
#atChallengeBank.active {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.83337 15.2613V4.33325H14V15.2613L11.5488 12.9788C10.9036 12.3781 9.92983 12.3781 9.28466 12.9788L6.83337 15.2613Z' fill='%23007AFF' stroke='%23007AFF' stroke-width='2' stroke-linejoin='round'/%3e%3c/svg%3e");
}
#first-mistake.active ~ #atChallengeBank:after {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='108' height='272' viewBox='0 0 108 272' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M49.8977 1.15288C49.3456 1.1663 48.9089 1.62476 48.9223 2.17688L49.1409 11.1742C49.1543 11.7263 49.6128 12.163 50.1649 12.1496C50.717 12.1362 51.1538 11.6778 51.1403 11.1256L50.946 3.12799L58.9436 2.93363C59.4957 2.92022 59.9324 2.46176 59.919 1.90963C59.9056 1.35751 59.4471 0.920806 58.895 0.934224L49.8977 1.15288ZM1.37432 271.927C58.2764 248.958 94.5061 204.111 104.531 153.572C114.557 103.024 98.3471 46.8988 50.6117 1.42851L49.2323 2.87666C96.5118 47.9127 112.452 103.359 102.569 153.183C92.6846 203.015 56.9459 247.338 0.625681 270.073L1.37432 271.927Z' fill='%238DF4A9'/%3e%3c/svg%3e") 0 0 no-repeat;
}
#gptContainer .gpt-button {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00024 9.47011C5.99735 9.59585 6.02038 9.72085 6.0679 9.83732C6.11542 9.95379 6.18641 10.0592 6.27646 10.1471L11.2384 15.1562C11.4642 15.391 11.7071 15.4988 11.9995 15.4988C12.2918 15.4988 12.5439 15.391 12.7616 15.1653L17.7235 10.1481C17.8136 10.0599 17.8846 9.95407 17.9322 9.83726C17.9797 9.72046 18.0027 9.59515 17.9998 9.4691C18.0005 9.34215 17.9762 9.21629 17.9282 9.09874C17.8802 8.9812 17.8095 8.87429 17.72 8.78415C17.6306 8.694 17.5242 8.6224 17.407 8.57345C17.2898 8.5245 17.164 8.49917 17.037 8.49891C16.7699 8.49891 16.5269 8.60771 16.3263 8.80014L11.9914 13.1987L7.66564 8.80014C7.53255 8.65963 7.36025 8.56239 7.17113 8.52105C6.98201 8.47971 6.78481 8.49618 6.60518 8.56834C6.42556 8.64049 6.27181 8.76498 6.16392 8.92562C6.05603 9.08627 5.999 9.27563 6.00024 9.4691V9.47011Z' fill='%23A8A8AE'/%3e%3c/svg%3e") center center no-repeat;
}
#atWrap .btnsWrp #atSkipQ:after {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.47035 17.9995C9.5961 18.0024 9.72109 17.9794 9.83757 17.9319C9.95404 17.8843 10.0595 17.8133 10.1474 17.7233L15.1565 12.7614C15.3912 12.5356 15.499 12.2926 15.499 12.0003C15.499 11.7079 15.3912 11.4559 15.1656 11.2381L10.1484 6.27623C10.0601 6.18612 9.95431 6.11511 9.83751 6.06759C9.7207 6.02008 9.59539 5.99707 9.46934 6C9.34239 5.99921 9.21653 6.02351 9.09899 6.07151C8.98145 6.11951 8.87453 6.19027 8.78439 6.27972C8.69425 6.36917 8.62265 6.47556 8.5737 6.59277C8.52475 6.70998 8.49941 6.83571 8.49915 6.96275C8.49915 7.2299 8.60796 7.47285 8.80038 7.67346L13.199 12.0083L8.80038 16.3341C8.65988 16.4672 8.56263 16.6395 8.52129 16.8286C8.47995 17.0177 8.49643 17.2149 8.56858 17.3946C8.64073 17.5742 8.76522 17.7279 8.92587 17.8358C9.08651 17.9437 9.27587 18.0008 9.46934 17.9995H9.47035Z' fill='%23007AFF'/%3e%3c/svg%3e") center center no-repeat;
}

#top #test-menu-link {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H23' stroke='%23A8A8AE' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M5 18H23' stroke='%23A8A8AE' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") center center no-repeat;
}
#top #test-menu-link {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10H23' stroke='%23A8A8AE' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M5 18H23' stroke='%23A8A8AE' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") center center no-repeat;
}
.btnsWrp #atNextBtn:after {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.47011 17.9998C9.59585 18.0027 9.72085 17.9796 9.83732 17.9321C9.95379 17.8846 10.0592 17.8136 10.1471 17.7235L15.1562 12.7616C15.391 12.5358 15.4988 12.2929 15.4988 12.0005C15.4988 11.7082 15.391 11.4561 15.1653 11.2384L10.1481 6.27647C10.0599 6.18636 9.95407 6.11535 9.83726 6.06784C9.72046 6.02032 9.59515 5.99732 9.4691 6.00025C9.34215 5.99945 9.21629 6.02375 9.09874 6.07175C8.9812 6.11975 8.87429 6.19051 8.78415 6.27996C8.694 6.36941 8.6224 6.4758 8.57345 6.59301C8.5245 6.71022 8.49917 6.83596 8.49891 6.96299C8.49891 7.23014 8.60771 7.47309 8.80014 7.67371L13.1987 12.0086L8.80014 16.3344C8.65963 16.4674 8.56239 16.6397 8.52105 16.8289C8.47971 17.018 8.49618 17.2152 8.56834 17.3948C8.64049 17.5744 8.76498 17.7282 8.92562 17.8361C9.08627 17.944 9.27563 18.001 9.4691 17.9998H9.47011Z' fill='white'/%3e%3c/svg%3e") center center no-repeat;
}
.btnsWrp #atNextBtn:disabled:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.47035 17.9998C9.5961 18.0027 9.72109 17.9796 9.83757 17.9321C9.95404 17.8846 10.0595 17.8136 10.1474 17.7235L15.1565 12.7616C15.3912 12.5358 15.499 12.2929 15.499 12.0005C15.499 11.7082 15.3912 11.4561 15.1656 11.2384L10.1484 6.27647C10.0601 6.18636 9.95431 6.11535 9.83751 6.06784C9.7207 6.02032 9.59539 5.99732 9.46934 6.00025C9.34239 5.99945 9.21653 6.02375 9.09899 6.07175C8.98145 6.11975 8.87453 6.19051 8.78439 6.27996C8.69425 6.36941 8.62265 6.4758 8.5737 6.59301C8.52475 6.71022 8.49941 6.83596 8.49915 6.96299C8.49915 7.23014 8.60796 7.47309 8.80038 7.67371L13.199 12.0086L8.80038 16.3344C8.65988 16.4674 8.56263 16.6397 8.52129 16.8289C8.47995 17.018 8.49643 17.2152 8.56858 17.3948C8.64073 17.5744 8.76522 17.7282 8.92587 17.8361C9.08651 17.944 9.27587 18.001 9.46934 17.9998H9.47035Z' fill='%238C8C9A'/%3e%3c/svg%3e");
}
#problem-report .notice:before {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' fill='%23007AFF'/%3E%3Cpath d='M12.0471 17.2602C11.8569 17.2602 11.671 17.2038 11.5129 17.0982C11.3548 16.9925 11.2315 16.8423 11.1588 16.6666C11.086 16.4909 11.067 16.2976 11.1041 16.1111C11.1412 15.9246 11.2327 15.7532 11.3672 15.6188C11.5017 15.4843 11.673 15.3927 11.8595 15.3556C12.046 15.3185 12.2394 15.3375 12.4151 15.4103C12.5908 15.4831 12.741 15.6063 12.8466 15.7645C12.9523 15.9226 13.0087 16.1085 13.0087 16.2987C13.0087 16.5537 12.9073 16.7983 12.727 16.9786C12.5467 17.1589 12.3021 17.2602 12.0471 17.2602ZM13.0913 7.58953L12.9534 10.5222L12.8154 13.4549C12.8154 13.6589 12.7343 13.8546 12.5901 13.9988C12.4458 14.1431 12.2502 14.2241 12.0462 14.2241C11.8421 14.2241 11.6465 14.1431 11.5022 13.9988C11.358 13.8546 11.2769 13.6589 11.2769 13.4549L11.001 7.59242V7.59002C10.9949 7.44911 11.0174 7.30845 11.0672 7.17648C11.1169 7.04452 11.1929 6.92399 11.2904 6.82215C11.388 6.72031 11.5052 6.63927 11.6349 6.58391C11.7646 6.52854 11.9042 6.5 12.0452 6.5C12.1862 6.5 12.3258 6.52854 12.4555 6.58391C12.5852 6.63927 12.7024 6.72031 12.7999 6.82215C12.8975 6.92399 12.9734 7.04452 13.0232 7.17648C13.0729 7.30845 13.0955 7.44911 13.0894 7.59002L13.0913 7.58953Z' fill='%23007AFF'/%3E%3C/svg%3E%0A");
}

@media(max-width: 767px){
	.btnsWrp #atSkipQ:after {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3e%3cpath d='M1.05005 1.99408L1.05005 1.99388C1.05003 1.91357 1.0722 1.83451 1.11452 1.7653C1.15687 1.69606 1.21792 1.63913 1.29145 1.60126C1.36503 1.56336 1.44798 1.54617 1.53116 1.55184C1.61433 1.55752 1.69397 1.5858 1.76139 1.63315L1.76163 1.63332L10.3212 7.64003L10.3213 7.64005C10.3801 7.68136 10.4278 7.73583 10.4605 7.79857C10.4931 7.86128 10.5101 7.93061 10.5101 8.00078C10.5101 8.07095 10.4931 8.14029 10.4605 8.203C10.4278 8.26574 10.3801 8.3202 10.3213 8.36152L10.3212 8.36154L1.76163 14.3682L1.76139 14.3684C1.69397 14.4158 1.61433 14.444 1.53116 14.4497C1.44798 14.4554 1.36503 14.4382 1.29146 14.4003C1.21792 14.3624 1.15687 14.3055 1.11452 14.2363C1.0722 14.1671 1.05003 14.088 1.05005 14.0077V14.0075V1.99408Z' stroke='%23007AFF' stroke-width='1.5'/%3e%3cpath d='M14.7001 1.73849C14.7001 1.50119 14.6053 1.27361 14.4365 1.10581C14.2678 0.938017 14.0388 0.84375 13.8001 0.84375C13.5615 0.84375 13.3325 0.938017 13.1638 1.10581C12.995 1.27361 12.9001 1.50119 12.9001 1.73849V14.2649C12.9001 14.5022 12.995 14.7298 13.1638 14.8976C13.3325 15.0654 13.5615 15.1596 13.8001 15.1596C14.0388 15.1596 14.2678 15.0654 14.4365 14.8976C14.6053 14.7298 14.7001 14.5022 14.7001 14.2649V1.73849Z' fill='%23007AFF'/%3e%3c/svg%3e") center center no-repeat;
	}
	.btnsWrp .btn.showResults:before {
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0298 17.9998C14.904 18.0027 14.779 17.9796 14.6626 17.9321C14.5461 17.8846 14.4406 17.8136 14.3528 17.7235L9.34364 12.7616C9.1089 12.5358 9.0011 12.2929 9.0011 12.0005C9.0011 11.7082 9.1089 11.4561 9.33457 11.2384L14.3517 6.27647C14.44 6.18636 14.5458 6.11535 14.6626 6.06784C14.7794 6.02032 14.9047 5.99732 15.0308 6.00025C15.1577 5.99945 15.2836 6.02375 15.4011 6.07175C15.5187 6.11975 15.6256 6.19051 15.7157 6.27996C15.8059 6.36941 15.8775 6.4758 15.9264 6.59301C15.9754 6.71022 16.0007 6.83596 16.001 6.96299C16.001 7.23014 15.8922 7.47309 15.6997 7.67371L11.3011 12.0086L15.6997 16.3344C15.8402 16.4674 15.9375 16.6397 15.9788 16.8289C16.0202 17.018 16.0037 17.2152 15.9315 17.3948C15.8594 17.5744 15.7349 17.7282 15.5743 17.8361C15.4136 17.944 15.2242 18.001 15.0308 17.9998H15.0298Z' fill='white'/%3e%3c/svg%3e") center center no-repeat;
	}
}


#header #nav #premium-link>a {
	transition: transform .3s;
}
#header #nav #premium-link>a:hover {
	transform: translateY(-2px);
}

#sidebarBanner {
	width: 336px;
	height: 301px;
	margin-top: 15px;
	background-color: inherit;
	text-align: center;
	box-sizing: border-box;
}
#sidebarBanner .adsTitle {
	background-color: inherit;
}
#atWrap {
	position: relative;
	width: calc(100% - 355px);
}
#atExplanation {
	width: 100%;
}
.atBQReview #atExplanation, 
.atQReviewPrev #atExplanation{
	width: calc(100% - 210px);
}

@media (max-width: 1130px) {
	#atWrap {
		display: block;
		width: 100% !important;
	}
	#page>div {
		flex-direction: column;
	}
	#sidebarContentWrp {
		display: none;
	}
	.sidebar-modal-open #sidebarContentOverlay {
		display: block !important;
		position: fixed;
		width: 100% !important;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 1000;
		overflow:auto;
	}
	.sidebar-modal-open #sidebarContentWrp {
		display: block !important;
		width: 335px;
		position: fixed !important;
		top: 30px !important;
		right: 20px !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 1001;
	}
	.customize-support.sidebar-modal-open #sidebarContentWrp {
		top: 47px !important;
	}
    /*
	#header > .container, 
    #inner_wrapper, 
    #footer > .container {
		width: auto;
	}
    */
}

.sidebar-btn.backToStateEl svg, .sidebar-btn.backToScoreEl svg {
	width: 7px;
	height: 12px;
	color: rgba(133, 133, 149, 0.8);
	transition: color .3s;
}
.sidebar-btn.backToStateEl:hover svg, .sidebar-btn.backToScoreEl:hover svg {
	color: #007aff;
}

#bannerTop2 {margin-bottom: 15px;}

.gpt-wrapper .gpt-content .chat-links {
	justify-content: flex-start;
}

#atAnswers .item .stat_a {
	display: none;
	float: right;
	padding-left: 20px;
	margin-left: auto;
}
.atShowStatAnswer #atAnswers .item .stat_a {
	display: block;
}

.completed-test #wrpAtDescr #atBtnStart:before,
.completed-test #wrpAtDescr #atBtnStart:after {display:none;}

.completed-test body:not(.isTestDemoMode) #wrpAtDescr #premiumBtn {display:none!important;}
.completed-test body.isTestDemoMode #wrpAtDescr #atBtnStart {display:none!important;}

#premiumBtn:before {
	background-image: url(/img/certificate-icon.svg);
}

.isLockedPage #premiumBtn:before {
	background-image: url(/img/certificate-icon-white.svg);
}








/* new */

#header #logo {
	background-image: url('/img/dt-small-fill.svg') !important;
}
.is_premium #header #logo {
	background-image: url('/img/dt-premium-small-fill.svg') !important;
}
.is_premium.night-mode #header #logo {
	background-image: url('/img/dt-premium-small-night-fill.svg') !important;
}

.st_plan_premium #header .logo-wrapper #logo:after {
	display: none !important;
}

body.listen:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5) url("data:image/svg+xml;charset=UTF-8,%3csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFFFFF' d='M512 128a128 128 0 00-128 128v256a128 128 0 10256 0V256a128 128 0 00-128-128zm0-64a192 192 0 01192 192v256a192 192 0 11-384 0V256A192 192 0 01512 64zm-32 832v-64a288 288 0 01-288-288v-32a32 32 0 0164 0v32a224 224 0 00224 224h64a224 224 0 00224-224v-32a32 32 0 1164 0v32a288 288 0 01-288 288v64h64a32 32 0 110 64H416a32 32 0 110-64h64z'/%3e%3c/svg%3e") center center / 36px 36px no-repeat;
	z-index: 999998;
}
body.listen:after {
	content: '';
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	border: 1px solid #FFFFFF !important;
    outline: 2px solid #FFFFFF;
    outline-offset: -15px;
	border-radius: 50%;
	animation: pointer-pulse 1s linear infinite;
	transform-origin: center;
	box-sizing: border-box;
	z-index: 999999;
}

.atPreInit #page {
	padding-top: 0;
}

.testWrap {
	position: relative;
}

.withImage #atImages {
	width: 100%;
	height: 200px !important;
	margin: 15px auto 15px;
}
.withImage #atImages img {
	width: 100% !important;
	height: 100% !important;
	max-height: unset !important;
	object-fit: contain;
}
	
.dropdown-menu {
	position: absolute;
	top: 0;
	-webkit-transform: scale(.8) translateY(-20%);
	-moz-transform: scale(.8) translateY(-20%);
	transform: scale(.8) translateY(-20%);
	-webkit-transition: .4s cubic-bezier(.3,0,0,1.3);
	-moz-transition: .4s cubic-bezier(.3,0,0,1.3);
	transition: .4s cubic-bezier(.3,0,0,1.3);
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
}
.dropdown-menu.left {
	right: 0;
}
.dropdown-menu.right {
	left: 0;
}
.dropdown-menu.active {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
	pointer-events: auto;
}

.btn-sm {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	border-radius: 8px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.night-mode .btn-sm {
	background-color: #2B2B30;
}

#atWrap .bottomLinks {
	align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

#atQuestionWrp {
	margin-top: 7px;
}

#atCategory {
    display: none;
    align-items: center;
    gap: 4px;
    width: auto;
    height: 28px;
    padding: 0;
    margin: 0 0 8px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #007AFF;
}
.atTest [data-category="Signs & Signals"] #atCategory,
.atTest [data-category="Right-of-Way"] #atCategory,
.atTest [data-category="Driving Maneuvers"] #atCategory,
.atTest [data-category="Safety & Hazards"] #atCategory,
.atTest [data-category="Emergencies"] #atCategory,
.atTest [data-category="Laws & Requirements"] #atCategory {
    display: inline-flex;
}
.atTest [data-type="quickfix"] #atCategory {
	display: inline-flex;
}
#atCategory:before {
    display: none;
}
[data-category="Signs & Signals"] .categoryTitle:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_22242_14588)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.89879 0.456138C9.50697 -0.152046 10.493 -0.152046 11.1012 0.456138L19.5439 8.89879C20.152 9.50697 20.152 10.493 19.5439 11.1012L11.1012 19.5439C10.493 20.152 9.50697 20.152 8.89879 19.5439L0.456138 11.1012C-0.152046 10.493 -0.152046 9.50697 0.456138 8.89879L8.89879 0.456138ZM8.14885 9.15442C8.03122 9.25898 7.92353 9.43263 7.92353 9.74044V15.1912H6.36618V9.74044C6.36618 9.01003 6.64782 8.405 7.1142 7.99044C7.56625 7.58862 8.14695 7.40442 8.7022 7.40442L12.8549 7.40443V8.96178L8.7022 8.96177C8.47878 8.96177 8.28081 9.03712 8.14885 9.15442ZM12.8551 5.5875V10.7787L15.4507 8.18309L12.8551 5.5875Z' fill='%23007AFF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_22242_14588'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
[data-category="Right-of-Way"] .categoryTitle:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.7383 1.66797C16.7237 1.66797 18.333 3.27729 18.333 5.2627V14.4131C18.333 16.3985 16.7237 18.0078 14.7383 18.0078H5.26172C3.27631 18.0078 1.66699 16.3985 1.66699 14.4131V5.2627C1.66699 3.27729 3.27631 1.66797 5.26172 1.66797H14.7383ZM2.8584 11.6279C2.4863 11.628 2.18479 11.9297 2.18457 12.3018C2.18466 12.6739 2.48622 12.9755 2.8584 12.9756H6.74316V16.8604C6.74316 17.2326 7.04476 17.5341 7.41699 17.5342C7.78904 17.5339 8.09082 17.2325 8.09082 16.8604V12.3018C8.09061 11.9298 7.7889 11.6282 7.41699 11.6279H2.8584ZM12.627 11.6279C12.2549 11.628 11.9533 11.9297 11.9531 12.3018V16.8604C11.9531 17.2326 12.2547 17.5341 12.627 17.5342C12.999 17.5339 13.3008 17.2325 13.3008 16.8604V12.9756H17.1855C17.5575 12.9753 17.8593 12.6738 17.8594 12.3018C17.8592 11.9298 17.5575 11.6282 17.1855 11.6279H12.627ZM10.0215 13.6045C9.66189 13.6046 9.37014 14.0478 9.37012 14.2559V16.21C9.37051 16.4182 9.66212 16.8603 10.0215 16.8604C10.3808 16.8604 10.6725 16.4182 10.6729 16.21V14.2559C10.6728 14.0478 10.3811 13.6045 10.0215 13.6045ZM10.0215 7.74316C9.7719 7.74322 9.56937 7.94573 9.56934 8.19531V9.24512H8.51953C8.27005 9.24531 8.0674 9.44775 8.06738 9.69727C8.0675 9.94666 8.27012 10.1492 8.51953 10.1494H9.56934V11.1992C9.5696 11.4486 9.77204 11.6503 10.0215 11.6504C10.2709 11.6504 10.4734 11.4486 10.4736 11.1992V10.1494H11.5234C11.7729 10.1493 11.9755 9.94668 11.9756 9.69727C11.9756 9.44773 11.773 9.24528 11.5234 9.24512H10.4736V8.19531C10.4736 7.94569 10.2711 7.74316 10.0215 7.74316ZM3.50879 9.0459C3.30064 9.04616 2.85744 9.33779 2.85742 9.69727C2.85763 10.0566 3.30068 10.3484 3.50879 10.3486H5.46289C5.67094 10.3485 6.11405 10.0567 6.11426 9.69727C6.11424 9.33771 5.67098 9.04603 5.46289 9.0459H3.50879ZM14.5801 9.0459C14.3719 9.04611 13.9287 9.33776 13.9287 9.69727C13.9289 10.0566 14.372 10.3484 14.5801 10.3486H16.5342C16.7423 10.3485 17.1853 10.0566 17.1855 9.69727C17.1855 9.33774 16.7423 9.04608 16.5342 9.0459H14.5801ZM7.41699 2.18555C7.04477 2.18558 6.74318 2.48715 6.74316 2.85938V6.74414H2.8584C2.48623 6.74418 2.18468 7.04582 2.18457 7.41797C2.18483 7.78999 2.48633 8.09176 2.8584 8.0918H7.41699C7.78888 8.09154 8.09056 7.78985 8.09082 7.41797V2.85938C8.09081 2.48728 7.78903 2.18581 7.41699 2.18555ZM12.627 2.18555C12.2547 2.18558 11.9531 2.48715 11.9531 2.85938V7.41797C11.9534 7.78999 12.2549 8.09176 12.627 8.0918H17.1855C17.5574 8.09156 17.8591 7.78986 17.8594 7.41797C17.8593 7.04595 17.5575 6.74438 17.1855 6.74414H13.3008V2.85938C13.3008 2.48727 12.999 2.18579 12.627 2.18555ZM10.0215 2.5332C9.66189 2.53327 9.37014 2.97654 9.37012 3.18457V5.13867C9.37048 5.34686 9.6621 5.78899 10.0215 5.78906C10.3809 5.78906 10.6725 5.34687 10.6729 5.13867V3.18457C10.6728 2.97652 10.3811 2.5332 10.0215 2.5332Z' fill='%23007AFF'/%3e%3c/svg%3e");
}
[data-category="Driving Maneuvers"] .categoryTitle:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.7383 1.66797C16.7237 1.66797 18.333 3.27729 18.333 5.2627V14.4131C18.333 16.3985 16.7237 18.0078 14.7383 18.0078H5.26172C3.27631 18.0078 1.66699 16.3985 1.66699 14.4131V5.2627C1.66699 3.27729 3.27631 1.66797 5.26172 1.66797H14.7383Z' fill='%23007AFF'/%3e%3cpath d='M10.625 18.0065L9.375 18.0065L9.375 16.666C9.375 16.3208 9.65482 16.041 10 16.041C10.3452 16.041 10.625 16.3208 10.625 16.666L10.625 18.0065Z' fill='white'/%3e%3cpath d='M9.375 1.66732L10.625 1.66732L10.625 3.33398C10.625 3.67916 10.3452 3.95898 10 3.95898C9.65482 3.95898 9.375 3.67916 9.375 3.33398V1.66732Z' fill='white'/%3e%3cpath d='M9.375 11.6667C9.375 11.3215 9.65482 11.0417 10 11.0417C10.3452 11.0417 10.625 11.3215 10.625 11.6667L10.625 13.75C10.625 14.0952 10.3452 14.375 10 14.375C9.65482 14.375 9.375 14.0952 9.375 13.75L9.375 11.6667Z' fill='white'/%3e%3cpath d='M9.375 5.83268C9.375 5.4875 9.65482 5.20768 10 5.20768C10.3452 5.20768 10.625 5.4875 10.625 5.83268L10.625 7.91602C10.625 8.26119 10.3452 8.54102 10 8.54102C9.65482 8.54102 9.375 8.26119 9.375 7.91602L9.375 5.83268Z' fill='white'/%3e%3cpath d='M4.93692 7.48431C4.71598 7.21919 4.75164 6.82478 5.01667 6.60378L6.26667 5.56211C6.49845 5.36896 6.83567 5.36896 7.06745 5.56211L8.31745 6.60377C8.58248 6.82478 8.61813 7.21919 8.3972 7.48431C8.1762 7.74934 7.78179 7.78499 7.51667 7.56406L6.66706 6.85605L5.81745 7.56406C5.55233 7.78499 5.15792 7.74934 4.93692 7.48431Z' fill='white'/%3e%3cpath d='M15 13.334C15.3452 13.334 15.625 13.6138 15.625 13.959V18.0078H14.375V14.584H13.125V18.0078H11.875V13.959C11.875 13.6138 12.1548 13.334 12.5 13.334H15Z' fill='white'/%3e%3cpath d='M15 6.25C15.3452 6.25 15.625 5.97018 15.625 5.625V1.66667H14.375V5H13.125V1.66667H11.875V5.625C11.875 5.97018 12.1548 6.25 12.5 6.25H15Z' fill='white'/%3e%3cpath d='M14.792 12.4993C14.792 11.7229 14.6505 10.7923 13.8773 10.0824C13.1245 9.39129 11.9004 9.02848 10.0435 9.02848C8.32796 9.02847 7.75393 8.58769 7.53125 8.24561C7.26339 7.83411 7.29443 7.32187 7.29443 6.66602C7.29443 6.32084 7.01461 6.04102 6.66943 6.04102C6.32441 6.0412 6.04443 6.32095 6.04443 6.66602C6.04443 7.14833 5.96388 8.12975 6.48307 8.92757C7.0476 9.79482 8.1604 10.2785 10.0435 10.2785C11.7848 10.2785 12.6224 10.6278 13.0317 11.0036C13.4206 11.3607 13.542 11.853 13.542 12.4993C13.542 12.8445 13.8218 13.1243 14.167 13.1243C14.5122 13.1243 14.792 12.8445 14.792 12.4993Z' fill='white'/%3e%3c/svg%3e");
}
[data-category="Safety & Hazards"] .categoryTitle:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0828 2.70898C10.6017 1.87565 9.39891 1.87565 8.91774 2.70898L1.46035 15.6257C0.979224 16.459 1.58062 17.5007 2.54288 17.5007H17.4577C18.42 17.5007 19.0214 16.459 18.5403 15.6257L11.0828 2.70898ZM10.2277 8.02716C10.4622 8.02716 10.6507 8.22083 10.6442 8.4554L10.5634 11.3675C10.5572 11.593 10.3725 11.7726 10.1469 11.7726H9.85082C9.62516 11.7726 9.44057 11.593 9.43424 11.3675L9.35349 8.4554C9.34699 8.22083 9.53541 8.02716 9.76999 8.02716H10.2277ZM10.0008 14.6182C9.77974 14.6182 9.59066 14.541 9.43349 14.3865C9.27641 14.2294 9.19916 14.0402 9.20182 13.8192C9.19916 13.6008 9.27641 13.4144 9.43349 13.2599C9.59066 13.1027 9.77974 13.0242 10.0008 13.0242C10.2166 13.0242 10.403 13.1027 10.5602 13.2599C10.7172 13.4144 10.7972 13.6008 10.7998 13.8192C10.7972 13.9657 10.7586 14.1002 10.684 14.2227C10.6121 14.3426 10.5162 14.4385 10.3963 14.5103C10.2765 14.5822 10.1447 14.6182 10.0008 14.6182Z' fill='%23007AFF'/%3e%3c/svg%3e");
}
[data-category="Emergencies"] .categoryTitle:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.083 14.167C16.1875 14.167 17.0828 15.0626 17.083 16.167V18.167C17.083 18.7193 16.6353 19.167 16.083 19.167H4.33301C3.78072 19.167 3.33301 18.7193 3.33301 18.167V16.167C3.33318 15.0626 4.22855 14.167 5.33301 14.167H15.083ZM9.99902 5.00098C12.5302 5.00098 14.5828 7.05283 14.583 9.58398V12.7783C14.5828 13.3151 14.1472 13.751 13.6104 13.751H6.38867C5.85199 13.7508 5.41619 13.315 5.41602 12.7783V9.58398C5.41619 7.05305 7.46813 5.00133 9.99902 5.00098ZM9.40527 6.54395C7.89506 6.54412 6.66602 7.77288 6.66602 9.2832C6.66629 9.63004 6.94806 9.91193 7.29492 9.91211C7.6418 9.91195 7.92258 9.63005 7.92285 9.2832C7.92285 8.46618 8.58829 7.80096 9.40527 7.80078C9.75218 7.80074 10.0338 7.51967 10.0342 7.17285C10.0342 6.8257 9.75242 6.54399 9.40527 6.54395ZM3.51758 3.52148C3.76313 3.27634 4.16088 3.27615 4.40625 3.52148L5.29492 4.41016C5.54039 4.65569 5.54039 5.05433 5.29492 5.2998C5.17225 5.42246 5.01137 5.48338 4.85059 5.4834C4.68981 5.4834 4.52899 5.42244 4.40625 5.2998L3.51758 4.41113C3.27211 4.1656 3.27211 3.76696 3.51758 3.52148ZM15.6055 3.52148C15.851 3.27628 16.2488 3.2761 16.4941 3.52148C16.7395 3.76693 16.7393 4.16467 16.4941 4.41016L15.6055 5.2998C15.4828 5.42257 15.321 5.4834 15.1602 5.4834C14.9995 5.48328 14.8384 5.42239 14.7158 5.2998C14.4704 5.05426 14.4704 4.65561 14.7158 4.41016L15.6055 3.52148ZM10.0059 0.833984C10.3529 0.834138 10.6338 1.1158 10.6338 1.46289V2.71973C10.6338 3.06681 10.3529 3.34848 10.0059 3.34863C9.65868 3.34863 9.37695 3.06691 9.37695 2.71973V1.46289C9.37695 1.11571 9.65868 0.833984 10.0059 0.833984Z' fill='%23007AFF'/%3e%3c/svg%3e");
}
[data-category="Laws & Requirements"] .categoryTitle:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6663 6.52304C16.6663 6.08101 16.4908 5.65709 16.1782 5.34452L12.9878 2.15417C12.6753 1.84161 12.2513 1.66602 11.8093 1.66602H4.99967C4.0792 1.66602 3.33301 2.41221 3.33301 3.33268V16.666C3.33301 17.5865 4.0792 18.3327 4.99967 18.3327H14.9997C15.9202 18.3327 16.6663 17.5865 16.6663 16.666V6.52304ZM12.9163 9.16604C13.3766 9.16604 13.7497 8.79296 13.7497 8.33268C13.7497 7.87245 13.3766 7.49935 12.9163 7.49935H7.08301C6.62277 7.49935 6.24967 7.87245 6.24967 8.33268C6.24967 8.79296 6.62277 9.16604 7.08301 9.16604H12.9163ZM7.08301 12.916C6.62277 12.916 6.24967 12.543 6.24967 12.0827C6.24967 11.6225 6.62277 11.2494 7.08301 11.2494H11.2497C11.7099 11.2494 12.083 11.6225 12.083 12.0827C12.083 12.543 11.7099 12.916 11.2497 12.916H7.08301Z' fill='%23007AFF'/%3e%3c/svg%3e");
}

#gptContainer .gpt-title {
	display: none;
}
#gptContainer .gpt-header {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 35px;
	padding: 0;
	margin: 0 0 8px;
	border: none;
}
#gptContainer .gpt-header .gpt-avatar {
	display: none;
}
#gptContainer .gpt-header .gpt-header-text {
	display: none;
}
/* Suppress old Challenge Bank notifications (replaced by milestone toast) */
#first-mistake.modal-window,
.hopscotch-bubble.hopscotch-callout {
	display: none !important;
}
/* Hide empty per-answer chat bubbles (correct/wrong quotes removed) */
#gptContainer .chat-history .chat-block.bot-msg:not(.loading) .message:empty {
	display: none;
}
#gptContainer .chat-history .chat-block.bot-msg:not(.loading):has(.message:empty) {
	display: none;
}

#gpt-avatar svg {
	display: none;
}
#gpt-avatar svg:last-of-type {
	display: block;
}

#gptContainer .gpt-header .gpt-header-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #000;
}
.night-mode #gptContainer .gpt-header .gpt-header-text {
	color: #F2F2F7;
}
#gptContainer .gpt-content {
	padding: 12px 16px 0;
	box-shadow: 0 4px 15px 0 rgba(133, 133, 149, 0.15);
}
#gptContainer #gptOverlay {
	z-index: 998;
}
#gptContainer.active .gpt-content {
	padding: 12px 16px 16px;
}
#gptContainer .gpt-content .chat-history {
	padding: 0 !important;
}
#gptContainer .gpt-content .chat-block {
	margin: 0 0 12px;
	font-size: 14px; 
	font-weight: 400;
	line-height: 1.35;
	color: #4E4E59;
}
.night-mode #gptContainer .gpt-content .chat-block {
	color: #A8A8AE;
}
#gptContainer .gpt-content .chat-block.bot-msg {
	max-width: 90%;
}
#gptContainer .gpt-content .chat-block.bot-msg .bot-avatar {
	display: none;
}
#gptContainer .gpt-content .chat-block.bot-msg.right,
#gptContainer .gpt-content .chat-block.bot-msg.wrong {
	padding: 8px;
	border-radius: 8px;
}
#gptContainer .gpt-content .chat-block.bot-msg.right {
	background-color: #4cd96420;
}
#gptContainer .gpt-content .chat-block.bot-msg.wrong {
	background-color: #ff7c7c20;
}
#gptContainer .gpt-content .chat-history .chat-block.user-msg .message {
	padding: 8px;
	background-color: #F2F2F7;
	border-radius: 8px;
}
.night-mode #gptContainer .gpt-content .chat-history .chat-block.user-msg .message {
	background-color: #1C1C1C;
}
#gptContainer .choices.inner .choice {
	padding: 8px 6px;
	background-color: #F2F7FF;
	border: 1px solid #E8F1FF;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.12;
	color: #007AFF;
}
#gptContainer .choices.inner .choice:hover {
	background-color: #E8F1FF !important;
	color: #007AFF !important;
}
.night-mode #gptContainer .choices.inner .choice {
	border-color: #007AFF;
	background-color: #2B2B30;
	color: #007AFF;
}
.night-mode #gptContainer .choices.inner .choice:hover {
	border-color: #007AFF;
	background-color: #007AFF;
	color: #F2F2F7;
}
#gptContainer .chat-footer {
	padding: 10px 0 0 0;
}
#gptContainer .gpt-content .message-wrapper {
	display: flex;
	gap: 4px;
	align-items: center;
	justify-content: space-between;
	padding: 0 7px 0 4px;
}
#gptContainer .gpt-content .message-wrapper input {
	width: 100%;
	padding: 0 8px;
	font-family: "proxima-nova", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #8C8C9A;
}
#gptContainer .gpt-content .message-wrapper.active input {
	color: #4E4E59;
}
#gptContainer .gpt-content .message-wrapper.blocked {
	pointer-events: none;
}
.night-mode #gptContainer .gpt-content .message-wrapper input {
	background-color: #1C1C1C;
	color: #8C8C9A;
}
.night-mode #gptContainer .gpt-content .message-wrapper.active input {
	color: #A8A8AE;
}
#gptContainer .gpt-content .message-wrapper .send-button {
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='1'%3e%3crect width='24' height='24' rx='12' fill='%23007AFF'/%3e%3cpath d='M7.20279 11.5729C7.26652 11.6378 7.34234 11.6894 7.42589 11.7246C7.50943 11.7598 7.59903 11.7779 7.68954 11.7779C7.78004 11.7779 7.86965 11.7598 7.95319 11.7246C8.03673 11.6894 8.11255 11.6378 8.17628 11.5729L11.3299 8.38471V17.3069C11.3299 17.4907 11.4021 17.667 11.5307 17.797C11.6592 17.927 11.8336 18 12.0154 18C12.1972 18 12.3716 17.927 12.5002 17.797C12.6288 17.667 12.701 17.4907 12.701 17.3069V8.39857L15.834 11.5729C15.9625 11.702 16.1362 11.7744 16.3173 11.7744C16.4984 11.7744 16.6722 11.702 16.8006 11.5729C16.9283 11.443 17 11.2673 17 11.0842C17 10.9011 16.9283 10.7255 16.8006 10.5956L12.4405 6.18766C12.3842 6.12833 12.3166 6.08112 12.2418 6.04887C12.167 6.01662 12.0865 6 12.0051 6C11.9238 6 11.8433 6.01662 11.7685 6.04887C11.6937 6.08112 11.6261 6.12833 11.5698 6.18766L7.20279 10.5887C7.13853 10.6531 7.08753 10.7298 7.05272 10.8142C7.01792 10.8987 7 10.9893 7 11.0808C7 11.1723 7.01792 11.2629 7.05272 11.3473C7.08753 11.4318 7.13853 11.5084 7.20279 11.5729Z' fill='white'/%3e%3c/g%3e%3c/svg%3e") center center / cover no-repeat;
	opacity: .5;
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	transition: .2s all;
	cursor: pointer;
}
#gptContainer .gpt-content .message-wrapper .send-button:hover,
#gptContainer .gpt-content .message-wrapper.active .send-button {
	opacity: 1;
}
#gptContainer .gpt-content .message-wrapper .send-button svg {
	display: none;
}
#gptContainer .gpt-content .message-wrapper.blocked .send-button {
	display: block;
	pointer-events: none;
}
#gptContainer .gpt-content .message-wrapper .voice-button {
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 8.22222C14 6.99492 13.1046 6 12 6C10.8954 6 10 6.99492 10 8.22222V11.7778C10 13.0051 10.8954 14 12 14C13.1046 14 14 13.0051 14 11.7778V8.22222Z' stroke='%238C8C9A' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 16V18' stroke='%238C8C9A' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 12C15.884 13.1022 15.4128 14.1183 14.6755 14.8555C13.9383 15.5928 12.9863 16 12 16C11.0137 16 10.0617 15.5928 9.32448 14.8555C8.58722 14.1183 8.11595 13.1022 8 12' stroke='%238C8C9A' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center center / cover no-repeat;
	opacity: .9;
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	transition: .2s all;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
}
#gptContainer .gpt-content .message-wrapper .voice-button:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
#gptContainer .gpt-content .message-wrapper.blocked .voice-button {
	pointer-events: none;
}
#gptContainer:not(.upgradeToPremium) .chat-premium-link {
	display: none;
}
#gptContainer.upgradeToPremium .choices.inner,
#gptContainer.upgradeToPremium .message-wrapper {
	display: none;
}
#gptContainer .chat-premium-link a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 36px;
	padding: 0 12px;
	border: 1px solid #007AFF;
	border-radius: 8px;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #007AFF;
	text-decoration: none;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	transition: .3s all;
}
#gptContainer .chat-premium-link a:before {
	content: '';
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.001 3C15.0399 3.00005 15.0753 3.01887 15.0986 3.04883L15.1221 3.08496L17.8145 8.05762L17.8262 8.08496L17.832 8.11523L17.833 8.12891C17.8328 8.13669 17.8315 8.1437 17.8301 8.15039L17.8184 8.18262L17.8154 8.18945L17.8086 8.19824L10.123 16.9258L10.1104 16.9404L10.0986 16.9561C10.0879 16.9702 10.0737 16.9789 10.0576 16.9863L10.0303 16.9951L10.0273 16.9961L10 16.998L9.98438 16.9971L9.94922 16.9893L9.94824 16.9883L9.92383 16.9746L9.91602 16.9688L2.19434 8.20215L2.18457 8.18848C2.17637 8.17483 2.17131 8.15981 2.16895 8.14355L2.16699 8.12305L2.16797 8.11523L2.17188 8.0918C2.17248 8.08953 2.17305 8.08727 2.17383 8.08496L2.17285 8.08398L2.19141 8.04688L4.88965 3.06543C4.90786 3.0318 4.94063 3.00964 4.97754 3.00293L5.01953 3H15.001ZM7.0332 8.93164L9.53418 15.3379L10.001 16.5312L10.4658 15.3369L12.9648 8.93164L13.2305 8.25H6.76758L7.0332 8.93164ZM3.2998 9.08008L7.75879 14.1416L8.60059 13.6299L6.62402 8.56836L6.5 8.25H2.56738L3.2998 9.08008ZM13.376 8.56836L11.4023 13.626L12.2432 14.1387L16.6992 9.08008L17.4316 8.25H13.5L13.376 8.56836ZM4.93164 3.51172L2.90039 7.26172L2.5 8H6.6416L6.75293 7.65234L7.95312 3.90234L8.16211 3.25H5.07422L4.93164 3.51172ZM8.31348 3.59766L7.1123 7.34766L6.90332 8H13.0947L12.8857 7.34766L11.6865 3.59766L11.5752 3.25H8.4248L8.31348 3.59766ZM12.0469 3.90234L13.2471 7.65234L13.3584 8H17.498L17.0986 7.26172L15.0684 3.51172L14.9258 3.25H11.8379L12.0469 3.90234Z' fill='url(%23paint0_linear_15024_35233)' stroke='url(%23paint1_linear_15024_35233)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_15024_35233' x1='14.7463' y1='17.1772' x2='8.568' y2='1.90992' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23CD2FD4'/%3e%3cstop offset='0.470026' stop-color='%23007AFF'/%3e%3cstop offset='1' stop-color='%238DF4A9'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_15024_35233' x1='14.7463' y1='17.1772' x2='8.568' y2='1.90992' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23CD2FD4'/%3e%3cstop offset='0.470026' stop-color='%23007AFF'/%3e%3cstop offset='1' stop-color='%238DF4A9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") center center / contain no-repeat;
}
#gptContainer .chat-premium-link a:hover {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

#atAnswers {
	width: 100%;
}

#atAnswers .item.dot {
	background-color: transparent;
}
#atAnswers .item.dot.anSelected {
	background-color: #f2f2f7;
}
.night-mode #atAnswers .item.dot {
	background-color: transparent;
}


.modal-open #header,
.modal-open #gptContainer .gpt-content {
	transition: none !important;
	z-index: 2;
}


.atPreInit #page > div,
.atBResult #page > div {
	flex-wrap: wrap;
}
#ratingContainer {
	width: 100%;
	margin-top: 20px;
}
.atPreInit #ratingContainer {
	margin-top: -15px;
}
.eeRatingContainer {
	width: 180px;
	padding: 12px 16px;
	margin: 0 auto;
	height: auto;
	background-color: transparent;
}
.eeRatingContainer .eeRatingContainerInner {
	display: block;
}
.eeRatingVoteError {
	color: red;
}
.eeRatingSectionUpper {
    display: flex;
    align-items: center;
}
.eeRatingContainer .eeRatingSectionLeft {
	display: flex;
    align-items: center;
	justify-content: space-between;
}
.eeRatingBigStars .eeRatingSectionLower {
    margin-top: 18px;
}
.eeRatingContainer .eeRatingInfo {
	align-items: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #7C7C91;
}
.eeRatingContainer .eeRatingValue {
	font-size: 18px;
    font-weight: 600;
    line-height: 1.15;
}
.eeRatingContainer .eeRatingBestValue {
	font-size: 12px;
    font-weight: 400;
    line-height: 1.15;
}
.eeRatingContainer .eeRatingInfo ~ div {
	font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    color: #4E4E59;
}
.eeRatingContainer .eeRatingStars {
	flex: 0 0 auto;
    width: 100%;
	display: flex;
	justify-content: space-between;
}
.eeRatingContainer .eeRatingStars ~ div {
	font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    color: #4E4E59;
}
.eeRatingContainer .eeRatingSectionMiddle {
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
	white-space: nowrap;
}
.eeRatingContainer .eeRatingStar {
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.eeRatingChange .eeRatingStar > div {
    background-image: none;
}
.eeRatingStar > div.mousevote, 
.eeRatingStar > div.mousedone {
    background-image: url('/img/ee.star.v2.svg');
    width: 100% !important;
}
.eeRatingInnerTip {
	font-size: 15px;
	line-height: 15px;
	font-weight: 600;
}
.eeRatingDisabled {
	pointer-events: none;
}


#atSQ2CB {
	display: none;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0;
	margin: 0;
	padding: 0 5px;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1;
	color: #007AFF;
	text-decoration: none;
}
#atSQ2CB:before {
	content: 'NEW';
	display: inline-flex;
	padding: 2px 4px 1.5px 4px;
	margin: -3px 4px 0 0;
	border-radius: 5px;
	background-color: #FF7348;
	font-size: 0.625rem;
	font-weight: 500;
	line-height: 1.35;
	color: #fff;
}
#atSQ2CB:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 11L10 7L6 3' stroke='%23007AFF' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") 0 0 no-repeat;
}
#atSQ2CB:hover {
	text-decoration: none;
}
.haveSimilarQuestions #atSQ2CB {
	display: flex;
}
.timer#fallr-wrapper {
	background-color: #fff;
	border-radius: 20px;
	padding: 0;
}
.timer#fallr-wrapper .time {
	font-size: 100px;
	line-height: 1.25;
	font-weight: 700;
	padding: 92px 32px;
	text-align: center;
	background-color: #F2F2F7;
	color: #007AFF;
}
.timer#fallr-wrapper .content {
	padding: 20px 20px 0;
}
.timer#fallr-wrapper h3,
.timer#fallr-wrapper .h3 {
	font-size: 30px;
	line-height: 1.25;
	font-weight: 700;
	margin: q2px 0 8px;
	text-align: center;
}
.timer#fallr-wrapper p {
	font-size: 18px;
	line-height: 1.5;
	margin: 0;
	text-align: center;
}
.timer#fallr-wrapper #fallr-buttons {
	display: flex;
	flex-direction: column-reverse;
	gap: 12px;
	align-items: center;
	padding: 0 20px 32px;
    align-items: stretch;
}
.timer#fallr-wrapper .fallr-button#fallr-button-secondary {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	color: #007AFF;
	border: none;
	padding: 0;
	align-self: center;
}
.timer#fallr-wrapper .fallr-button#fallr-button-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 16px 32px;
	background-color: #007AFF;
	box-sizing: border-box;
	border: none;
	outline: none;
	border-radius: 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
}
.night-mode .timer#fallr-wrapper {
	background-color: #1C1C1C;
	color: #F2F2F7;
}
.night-mode .timer#fallr-wrapper .time {
	background-color: #2B2B30;
}
#top .timer {
	display: none;
	padding: 6px 8px 6px 10px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    background-color: #fff;
    border-radius: 8px;
    color: #007AFF;
    width: 55px;
    text-align: left;
    box-sizing: border-box;
}
.night-mode #top .timer {
	background-color: #2B2B30;
}
#top .timer.warning {
	color: #F6A834;
}
#top .timer.danger {
	color: #FF4343;
}
.fallr-restart-test#fallr-wrapper {
	padding: 20px;
}
.fallr-restart-test#fallr-wrapper #fallr-buttons {
	display: flex;
    gap: 10px;
    margin: 0;
}
.fallr-restart-test#fallr-wrapper .fallr-button {
	padding: 8px 16px;
    font-size: 18px;
}

@media (max-width: 767px) {
	.timer#fallr-wrapper {
		width: 375px;
	}

	.atBQReview .hopscotch-bubble {
		display: none !important;
	}

	#header>.container, #inner_wrapper, #footer>.container {
		width: 100%;
	}
	#header #logo {
		width: 158px;
		height: 35px;
		margin: 0 0 0 -5px;
	}
	
	#header #nav #menu-link {
		margin: 0 -5px 0 0;
	}
/*	
	.atPreInit #atWrap {
		margin-top: 10px;
	}
*/
	.showPreInit .back-link {
		margin: 0 0 8px;
	}
	
	.showPreInit #wrpAtDescr #imgLicense {
		width: 130px;
		margin: 5px 0 0;
		box-shadow: 0px 4px 15px 0px rgba(133, 133, 149, 0.15);
	}
	.showPreInit #wrpAtDescr #imgLicense figure picture {
		position: relative;
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 62.86%;
	}
	.showPreInit #wrpAtDescr #imgLicense img {
		margin: 0;
		box-shadow: none;
		border: none;
	}
	
	.showPreInit #wrpAtDescr #testThumbnail {
		width: calc(100% - 50px);
		height: 111px;
		margin: 2px 0 0;
		border-radius: 8px;
	}

    #atCategory {
        height: 26px;
        padding: 0;
        font-size: 12px;
    }
    #atCategory:before {
        display: none;
    }
	
	.showPreInit #wrpAtDescr h1#pgTitle {
		margin: 16px 0 8px;
	}
	
	.showPreInit #wrpAtDescr .mainDescr .descrList li {
		color: #000;
	}
	
	.showPreInit #atDescrTop.overflow .atDescrTop {
		height: 155px;
	}
	
	.showPreInit #btnStartWrp .blue-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		height: 58px;
		padding: 0 16px;
		font-family: "proxima-nova", sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 1;
	}
	.showPreInit #btnStartWrp .blue-btn:before {
		margin-right: 0;
	}
	
    #top {
        position: fixed;
    }

	#top div.btn-sm {
		width: 24px;
		height: 24px;
	}
	.night-mode #top div.btn-sm {
		background-color: transparent;
	}
	
	#top #atChallengeBank {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.9795 4C17.9878 4.01038 18 4.03212 18 4.06738V19.9307C18 19.952 17.9975 19.9664 17.9951 19.9746L17.9941 19.9756L13.8027 16.2607L13.6582 16.1445C12.9661 15.636 12.0339 15.636 11.3418 16.1445L11.1973 16.2607L7.00488 19.9756V19.9746C7.00254 19.9664 7 19.952 7 19.9307V4.06738L7.00781 4.02051C7.01151 4.01103 7.01679 4.00467 7.02051 4H17.9795Z' stroke='%23007AFF' stroke-width='2'/%3e%3c/svg%3e");
	}
	#top #atChallengeBank.active {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.9795 4C17.9878 4.01038 18 4.03212 18 4.06738V19.9307C18 19.952 17.9975 19.9664 17.9951 19.9746L17.9941 19.9756L13.8027 16.2607L13.6582 16.1445C12.9661 15.636 12.0339 15.636 11.3418 16.1445L11.1973 16.2607L7.00488 19.9756V19.9746C7.00254 19.9664 7 19.952 7 19.9307V4.06738L7.00781 4.02051C7.01151 4.01103 7.01679 4.00467 7.02051 4H17.9795Z' fill='%23007AFF' stroke='%23007AFF' stroke-width='2'/%3e%3c/svg%3e");
	}

	#top .progressBar > span {
		transition: all .3s ease-in-out;
	}

	#first-mistake:not(.active) ~ #atChallengeBank:before {
		top: 25px;
		left: 3px;
	}
	#first-mistake:not(.active) ~ #atChallengeBank:after {
		top: 34px;
    	right: -3px;
	}

	#atQuestionWrp {
		margin-top: 40px;
	}
	
	#atQuestionWrp .btnsWrp {
		gap: 12px;
		padding: 8px 16px;
		transition: all .3s;
		z-index: 9999;
	}
	.modal-open #atQuestionWrp .btnsWrp {
		transform: translateY(100%);
		opacity: 0;
	}
	#atQuestionWrp .btnsWrp #gptBtn {
		width: 66.75px;
		height: 75px;
		margin: -15px -5px -10px -5px;
		background: none;
		border-radius: 0;
		cursor: pointer;
	}
	#atQuestionWrp .btnsWrp #gptBtn svg {
		animation: none;
		opacity: 1;
	}
	#gptBtn svg {
		display: none;
	}
	#gptBtn svg:last-of-type {
		display: block;
	}
	.atBQReview #atQuestionWrp .btnsWrp #gptBtn {
		display: block;
	}
	
    #gptContainer .gpt-content {
		max-height: 100dvh;
        transform: translateY(70px);
    }
    #gptContainer .gpt-content .chat-history {
        height: 360px;
    }
	#gptContainer .gpt-content .message-wrapper {
		height: 48px;
	}
	#gptContainer .gpt-content .message-wrapper .send-button,
	#gptContainer .gpt-content .message-wrapper .voice-button {
		width: 32px;
		height: 32px;
	}
    .gpt-content .chat-history .chat-block svg.loader {
        min-width: 30px;
    }
	
	#wrpAtDescr .btnStartWrp .blue-btn {
		min-width: 0 !important;
	}
	
	#top .showResults {
		display: none;
		width: 24px;
		height: 24px;
		border: none;
		outline: none;
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5306 17.9998C14.4049 18.0027 14.2799 17.9796 14.1634 17.9321C14.0469 17.8846 13.9415 17.8136 13.8536 17.7235L8.84449 12.7616C8.60975 12.5358 8.50195 12.2929 8.50195 12.0005C8.50195 11.7082 8.60975 11.4561 8.83542 11.2384L13.8526 6.27647C13.9409 6.18636 14.0467 6.11535 14.1635 6.06784C14.2803 6.02032 14.4056 5.99732 14.5316 6.00025C14.6586 5.99945 14.7844 6.02375 14.902 6.07175C15.0195 6.11975 15.1264 6.19051 15.2166 6.27996C15.3067 6.36941 15.3783 6.4758 15.4273 6.59301C15.4762 6.71022 15.5016 6.83596 15.5018 6.96299C15.5018 7.23014 15.393 7.47309 15.2006 7.67371L10.802 12.0086L15.2006 16.3344C15.3411 16.4674 15.4383 16.6397 15.4797 16.8289C15.521 17.018 15.5045 17.2152 15.4324 17.3948C15.3602 17.5744 15.2358 17.7282 15.0751 17.8361C14.9145 17.944 14.7251 18.001 14.5316 17.9998H14.5306Z' fill='%23858595' fill-opacity='0.8'/%3e%3c/svg%3e") 0 0 no-repeat;
		font-size: 0;
		text-decoration: none;
	}
	.atBQReview #top .showResults {
		display: flex;
	}

	#top .progressBar,
	#top .progressBar > span {
		height: 12px;
	}
	
	.atBQReview #atQuestionWrp .btnsWrp #atPrevQ, 
	.atBQReview #atQuestionWrp .btnsWrp #atNextQ {
		width: 50%;
	}
	.atBQReview #atQuestionWrp .btnsWrp #atPrevQ:not(.disabled):hover, 
	.atBQReview #atQuestionWrp .btnsWrp #atNextQ:not(.disabled):hover {
		background-color: #007aff;
		transform: none;
	}
	
	body #atQuestionInner {
		width: 100% !important;
		line-height: 1.35;
	}
	
	.night-mode #atQuestionContent {
		background-color: #1C1C1C;
	}
	
	#atAnswers .item .inner {
		line-height: 1.35;
		color: #4E4E59;
		margin-top: 3px;
	}
	
	#atQuestionWrp .btnsWrp #atNextBtn {
		font-weight: 600;
	}
	
	#atBanner .adsTitle {
		padding: 4px 5px 2px;
		background-color: #F2F2F7;
		color: #797979;
		font-size: 9px;
		line-height: 9px;
		font-weight: 400;
	}
	
	#atAnswers .atExplanation {
		padding: 0;
	}
	
	.night-mode #atQuestionWrp .btnsWrp #atNextBtn:disabled {
		border-color: #2b2b30;
	}

	.badge#fallr-wrapper {
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        padding: 24px 20px;
        border-radius: 20px 20px 0 0;
        box-shadow: 0px 4px 15px 0px rgba(133, 133, 149, 0.15);
        animation: fallr-slide-up 0.3s linear;
        outline: solid 2000px rgba(0, 0, 0, .6);
	}
	.badge#fallr-wrapper #fallr-icon.icon-close,
	.night-mode .badge#fallr-wrapper #fallr-icon.icon-close {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.37882 5.23657C6.06339 4.92114 5.55199 4.92114 5.23657 5.23657C4.92114 5.55199 4.92114 6.06339 5.23657 6.37882L10.8578 12L5.23657 17.6212C4.92114 17.9366 4.92114 18.448 5.23657 18.7634C5.55199 19.0789 6.06339 19.0789 6.37882 18.7634L12 13.1422L17.6212 18.7634C17.9366 19.0788 18.448 19.0788 18.7634 18.7634C19.0789 18.448 19.0789 17.9366 18.7634 17.6212L13.1423 12L18.7634 6.37882C19.0789 6.0634 19.0789 5.552 18.7634 5.23658C18.448 4.92115 17.9366 4.92115 17.6212 5.23658L12 10.8578L6.37882 5.23657Z' fill='%23858595' fill-opacity='0.8'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95333 4.95382C5.42497 4.48219 6.18964 4.48219 6.66127 4.95382L11.9996 10.2922L17.3379 4.95383C17.8096 4.4822 18.5743 4.4822 19.0459 4.95383C19.5175 5.42546 19.5175 6.19013 19.0459 6.66176L13.7075 12.0001L19.0459 17.3384C19.5175 17.8101 19.5175 18.5747 19.0459 19.0464C18.5743 19.518 17.8096 19.518 17.338 19.0464L11.9996 13.708L6.66127 19.0464C6.18964 19.518 5.42497 19.518 4.95333 19.0464C4.4817 18.5747 4.4817 17.8101 4.95333 17.3384L10.2917 12.0001L4.95333 6.66176C4.4817 6.19012 4.4817 5.42546 4.95333 4.95382ZM5.23618 6.37891C4.92075 6.06349 4.92075 5.55209 5.23618 5.23667C5.5516 4.92124 6.063 4.92124 6.37843 5.23667L11.9996 10.8579L17.6208 5.23667C17.9362 4.92125 18.4476 4.92125 18.763 5.23667C19.0785 5.5521 19.0785 6.0635 18.763 6.37892L13.1419 12.0001L18.763 17.6213C19.0785 17.9367 19.0785 18.4481 18.763 18.7635C18.4476 19.079 17.9362 19.079 17.6208 18.7635L11.9996 13.1424L6.37843 18.7635C6.063 19.079 5.5516 19.079 5.23618 18.7635C4.92075 18.4481 4.92075 17.9367 5.23618 17.6213L10.8574 12.0001L5.23618 6.37891Z' fill='%23858595' fill-opacity='0.8'/%3e%3c/svg%3e");
	}
	.badge#fallr-wrapper #fallr {
		flex-direction: column;
		gap: 8px;
		width: 100%;
		max-width: 100%;
	}
	.badge#fallr-wrapper h3 {
		font-size: 20px;
		font-weight: 600;
		line-height: 1.5;
		text-align: center;
	}
	.badge#fallr-wrapper p {
		font-sie: 16px;
		font-weight: 400;
		line-height: 1.4;
		color: #000;
		text-align: center;
	}
	.badge#fallr-wrapper #fallr-buttons {
		gap: 10px;
		margin: 2px 0 0;
	}
	.badge#fallr-wrapper .fallr-button {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		padding: 0;
		background-color: #007AFF;
		box-sizing: border-box;
		border: none;
		outline: none;
		border-radius: 12px;
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
		color: #fff;
	}
	@keyframes fallr-slide-up {
		0% {
			transform: translateY(100%);
			opacity: 0;
		}
		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}

	#atSQ2CBwrpMobile {
		padding: 0 11px;
	}
}

@media (min-width: 768px) {
	.titleWrp {
		display: none;
		padding-bottom: 0 !important;
	}
	.atBQReview .titleWrp {
		display: flex;
	}

	.titleWrp ul.atProgressSummary {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0 10px 0 0;
		cursor: default;
	}
	.titleWrp ul.atProgressSummary li {
		display: inline-flex;
		align-items: center;
		margin: 0;
		font-size: 14px;
		font-weight: 400;
		color: #4E4E59;
		line-height: 1;
		white-space: nowrap;
	}
	.titleWrp ul.atProgressSummary li span {
		line-height: 1;
	}
	.titleWrp ul.atProgressSummary li > span:first-of-type {
		font-weight: 500;
	}
	.titleWrp ul.atProgressSummary li:before {
		width: 8px;
		height: 8px;
		margin: -1px 4px 0 0;
	}
	.night-mode .titleWrp ul.atProgressSummary li {
		color: #A8A8AE;
	}
	.night-mode .titleWrp ul.atProgressSummary li > span:first-of-type {
		color: #F2F3F7;
	}

	.titleWrp .atRestart {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		height: 32px;
		border-radius: 8px;
		border: none;
		outline: none;
		background-color: #fff;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		color: #4E4E59;
		text-decoration: none;
		padding: 0 16px 0 8px;
		cursor: pointer;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	.night-mode .titleWrp .atRestart {
		background-color: #2B2B30;
		color: #A8A8AE;
	}
	.titleWrp .atRestart:before {
		content: '';
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9667 5.89956V3.44181C11.9667 3.0454 11.4922 2.8516 11.2198 3.13349L7.8809 6.47216C7.70517 6.64834 7.70517 6.92143 7.8809 7.09761L11.211 10.4363C11.4922 10.7094 11.9667 10.5156 11.9667 10.1192V7.6614C15.2441 7.6614 17.8361 10.6741 17.1156 14.0833C16.7027 16.083 15.0859 17.695 13.1002 18.1091C9.96333 18.7697 7.16919 16.6115 6.74743 13.6957C6.68592 13.2728 6.31689 12.9469 5.88634 12.9469C5.35914 12.9469 4.93739 13.4138 5.00768 13.9423C5.55245 17.8095 9.22526 20.6725 13.3813 19.8621C16.1228 19.3247 18.3282 17.1136 18.8642 14.3652C19.7341 9.84607 16.3073 5.89956 11.9667 5.89956Z' fill='%23A8A8AE'/%3e%3c/svg%3e") center center no-repeat;
	}
	.titleWrp .atRestart:hover {
		background-color: #fff;
		color: #4E4E59;
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	.night-mode .titleWrp .atRestart:hover {
		background-color: #2B2B30;
		color: #A8A8AE;
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	body:not(.atBQReview) #cells {
		display: none;
	}
	#cells {
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		gap: 11px;
		margin: 0 0 8px;
	}
	#cellsContainer {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		flex: 1 0 0%;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	#atCells {
		flex: 1 0 0%;
		width: 100%;
		max-width: 100%;
		max-height: 32px;
	}
	#cellsWidget {
		display: flex;
		flex-direction: row;
		gap: 4px;
		flex-wrap: nowrap;
		flex: 1 0 0%;
		width: 100%;
		max-width: 100%;
		padding: 0;
		overflow: hidden;
		border-radius: 0;
		margin: 0;
	}
	#atCellsWrp {
		justify-content: space-evenly;
		gap: 4px;
		overflow: hidden;
		pointer-events: auto !important;
	}
	#atCellsWrp.cellsToLeft {
		justify-content: start;
	}
	#atCellsWrp > div {
		flex: 0 0 auto;
		height: 32px;
	}
	#atCellsWrp:before,
	#atCellsWrp:after {
		display: none !important;
	}
	#cells .showResults {
		display: flex;
		align-items: center;
		padding: 0 8px 0 0;
        border-radius: 8px;
        background-color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        color: #4E4E59;
        border: none;
        cursor: pointer;
        transition: transform .2s ease-out;
	}
	#cells .showResults:hover {
		transform: translateY(-2px);
	}
	#cells .showResults:before {
		content: '';
		display: inline-block;
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5299 17.9998C14.4041 18.0027 14.2791 17.9796 14.1627 17.9321C14.0462 17.8846 13.9408 17.8136 13.8529 17.7235L8.84376 12.7616C8.60902 12.5358 8.50122 12.2929 8.50122 12.0005C8.50122 11.7082 8.60902 11.4561 8.83469 11.2384L13.8519 6.27647C13.9401 6.18636 14.0459 6.11535 14.1627 6.06784C14.2795 6.02032 14.4049 5.99732 14.5309 6.00025C14.6579 5.99945 14.7837 6.02375 14.9013 6.07175C15.0188 6.11975 15.1257 6.19051 15.2159 6.27996C15.306 6.36941 15.3776 6.4758 15.4265 6.59301C15.4755 6.71022 15.5008 6.83596 15.5011 6.96299C15.5011 7.23014 15.3923 7.47309 15.1999 7.67371L10.8013 12.0086L15.1999 16.3344C15.3404 16.4674 15.4376 16.6397 15.479 16.8289C15.5203 17.018 15.5038 17.2152 15.4317 17.3948C15.3595 17.5744 15.235 17.7282 15.0744 17.8361C14.9137 17.944 14.7244 18.001 14.5309 17.9998H14.5299Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
	}
	#cells .btn-prev {
		flex: 0 0 auto;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5299 17.9998C14.4041 18.0027 14.2791 17.9796 14.1627 17.9321C14.0462 17.8846 13.9408 17.8136 13.8529 17.7235L8.84376 12.7616C8.60902 12.5358 8.50122 12.2929 8.50122 12.0005C8.50122 11.7082 8.60902 11.4561 8.83469 11.2384L13.8519 6.27647C13.9401 6.18636 14.0459 6.11535 14.1627 6.06784C14.2795 6.02032 14.4049 5.99732 14.5309 6.00025C14.6579 5.99945 14.7837 6.02375 14.9013 6.07175C15.0188 6.11975 15.1257 6.19051 15.2159 6.27996C15.306 6.36941 15.3776 6.4758 15.4265 6.59301C15.4755 6.71022 15.5008 6.83596 15.5011 6.96299C15.5011 7.23014 15.3923 7.47309 15.1999 7.67371L10.8013 12.0086L15.1999 16.3344C15.3404 16.4674 15.4376 16.6397 15.479 16.8289C15.5203 17.018 15.5038 17.2152 15.4317 17.3948C15.3595 17.5744 15.235 17.7282 15.0744 17.8361C14.9137 17.944 14.7244 18.001 14.5309 17.9998H14.5299Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
	}
	#cells .btn-next {
		flex: 0 0 auto;
		order: 3;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.47035 17.9998C9.5961 18.0027 9.72109 17.9796 9.83757 17.9321C9.95404 17.8846 10.0595 17.8136 10.1474 17.7235L15.1565 12.7616C15.3912 12.5358 15.499 12.2929 15.499 12.0005C15.499 11.7082 15.3912 11.4561 15.1656 11.2384L10.1484 6.27647C10.0601 6.18636 9.95431 6.11535 9.83751 6.06784C9.7207 6.02032 9.59539 5.99732 9.46934 6.00025C9.34239 5.99945 9.21653 6.02375 9.09899 6.07175C8.98145 6.11975 8.87453 6.19051 8.78439 6.27996C8.69425 6.36941 8.62265 6.4758 8.5737 6.59301C8.52475 6.71022 8.49941 6.83596 8.49915 6.96299C8.49915 7.23014 8.60796 7.47309 8.80038 7.67371L13.199 12.0086L8.80038 16.3344C8.65988 16.4674 8.56263 16.6397 8.52129 16.8289C8.47995 17.018 8.49643 17.2152 8.56858 17.3948C8.64073 17.5744 8.76522 17.7282 8.92587 17.8361C9.08651 17.944 9.27587 18.001 9.46934 17.9998H9.47035Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
	}
	#cellsContainer:not(.hasBefore) .btn-prev,
	#cellsContainer:not(.hasAfter) .btn-next {
		opacity: 0.7;
		pointer-events: none;
	}
	#cells .btn-test-settings {
		flex: 0 0 auto;
	}
	
	#top {
		display: flex;
	    align-items: center;
	    justify-content: space-between;
		gap: 11px;
		flex-wrap: nowrap;
		height: 32px;
		padding: 0 0 8px;
		background-color: #transparent;
		z-index: 3;
	}
	body.atBQReview #top {
		display: none;
	}
	
	#top #back-link {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 32px;
		padding: 0 8px 0 0;
		border-radius: 8px;
		background-color: #fff;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		color: #4E4E59;
		text-decoration: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	#top #back-link:hover {
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	#top #back-link:before {
		content: '';
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5299 17.9998C14.4041 18.0027 14.2791 17.9796 14.1627 17.9321C14.0462 17.8846 13.9408 17.8136 13.8529 17.7235L8.84376 12.7616C8.60902 12.5358 8.50122 12.2929 8.50122 12.0005C8.50122 11.7082 8.60902 11.4561 8.83469 11.2384L13.8519 6.27647C13.9401 6.18636 14.0459 6.11535 14.1627 6.06784C14.2795 6.02032 14.4049 5.99732 14.5309 6.00025C14.6579 5.99945 14.7837 6.02375 14.9013 6.07175C15.0188 6.11975 15.1257 6.19051 15.2159 6.27996C15.306 6.36941 15.3776 6.4758 15.4265 6.59301C15.4755 6.71022 15.5008 6.83596 15.5011 6.96299C15.5011 7.23014 15.3923 7.47309 15.1999 7.67371L10.8013 12.0086L15.1999 16.3344C15.3404 16.4674 15.4376 16.6397 15.479 16.8289C15.5203 17.018 15.5038 17.2152 15.4317 17.3948C15.3595 17.5744 15.235 17.7282 15.0744 17.8361C14.9137 17.944 14.7244 18.001 14.5309 17.9998H14.5299Z' fill='%23A8A8AE'/%3e%3c/svg%3e") 0 0 no-repeat;
	}
	.night-mode #top #back-link {
		background-color: #2B2B30;
		color: #A8A8AE;
	}
	
	#top #progress {
		display: flex;
	    flex-grow: 1;
	}
	#top .progressBar {
		width: 100%;
		display: flex;
		background-color: #fff;
		height: 12px;
		border-radius: 10px;
		overflow: hidden;
	}
	.night-mode #top .progressBar {
		background-color: #2B2B30;
	}
	#top .progressBar > span {
		height: 12px;
		background-color: #007AFF;
		transition: all .3s ease-in-out;
	}
	
	#top #showProgress {
		margin: 0 -4px 0 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.35;
		white-space: nowrap;
		color: #000;
	}
	.night-mode #top #showProgress {
		color: #F2F2F7;
	}
	#top #showProgress .current {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
	}
	
	#top #atChallengeBank {
		position: relative;
		top: unset;
		right: unset;
		width: 32px;
		height: 32px;
		background-color: transparent;
	}
	
	#first-mistake:not(.active) ~ #atChallengeBank:before {
		top: 33px;
		left: 5px;
	}
	#first-mistake:not(.active) ~ #atChallengeBank:after {
		top: 42px;
	}

	.btn-test-settings {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0001 8.08509C13.0577 8.08509 13.9152 7.22767 13.9152 6.16999C13.9152 5.1123 13.0577 4.25488 12.0001 4.25488C10.9424 4.25488 10.085 5.1123 10.085 6.16999C10.085 7.22767 10.9424 8.08509 12.0001 8.08509Z' fill='%23A8A8AE'/%3e%3cpath d='M12.0001 13.9152C13.0577 13.9152 13.9152 13.0577 13.9152 12.0001C13.9152 10.9424 13.0577 10.085 12.0001 10.085C10.9424 10.085 10.085 10.9424 10.085 12.0001C10.085 13.0577 10.9424 13.9152 12.0001 13.9152Z' fill='%23A8A8AE'/%3e%3cpath d='M12.0001 19.7452C13.0577 19.7452 13.9152 18.8878 13.9152 17.8301C13.9152 16.7725 13.0577 15.915 12.0001 15.915C10.9424 15.915 10.085 16.7725 10.085 17.8301C10.085 18.8878 10.9424 19.7452 12.0001 19.7452Z' fill='%23A8A8AE'/%3e%3c/svg%3e");
		cursor: pointer;
	}
	
	#test-menu-dropdown {
		width: 272px;
		margin: 40px -34px 0 0;
		border-radius: 12px;
		box-sizing: border-box;
	}
	#test-menu-dropdown .title {
		margin: 0 0 8px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.15;
		color: #fff;
	}
	#test-menu-dropdown .content {
		margin: 0 0 8px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.35;
		color: #fff;
	}
	#test-menu-dropdown .dropdown-menu-close {
		text-align: right;
	}
	#test-menu-dropdown .dropdown-menu-close button {
		padding: 0;
		margin: 25px 0 0;
		outline: none;
		border: none;
		background-color: transparent;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.35;
		color: #fff;
		cursor: pointer;
	}
	body.testMenuOnboarding #test-menu-dropdown {
		margin: 54px 1px 0 0;
		padding: 16px;
		background-color: #007AFF;
		-webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
	}
	body:not(.testMenuOnboarding) #test-menu-dropdown .title,
	body:not(.testMenuOnboarding) #test-menu-dropdown .content,
	body:not(.testMenuOnboarding) #test-menu-dropdown .dropdown-menu-close {
		display: none;
	}
	body.testMenuOnboarding #test-menu-dropdown:before {
		content: '';
		position: absolute;
		top: -29px;
        left: 253px;
        width: 8px;
        height: 29px;
		box-sizing: border-box;
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='29' viewBox='0 0 7 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3.5' cy='3.5' r='3.5' fill='%23007AFF'/%3e%3cline x1='3.5' y1='29' x2='3.5' y2='1' stroke='%23007AFF'/%3e%3c/svg%3e") top center no-repeat;
	}
	body.testMenuOnboarding #test-menu-dropdown:after {
		content: '';
		position: absolute;
		top: -29px;
        left: 253px;
        width: 11px;
        height: 11px;
		margin: -2px 0 0 -1px;
		border: 1px solid #3D64FF !important;
		border-radius: 50%;
		opacity: 0;
		animation: pointer-pulse 1s linear infinite;
		transform-origin: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	@keyframes pointer-pulse {
		0% {
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
			transform: scale(0.5);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			transform: scale(1.2);
			opacity: 0;
		}
	}
	
	ul#test-menu-items {
		display: flex;
		flex-direction: column;
		gap: 16px;
		padding: 12px 12px 16px !important;
		background-color: #fff;
		border-radius: 12px;
		box-sizing: border-box;
	}
	.night-mode ul#test-menu-items {
		background-color: #2B2B30;
	}
	body:not(.testMenuOnboarding) ul#test-menu-items {
		-webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.3);
	}
	ul#test-menu-items li {
		list-style-type: none;
		padding: 0 !important;
		margin: 0 !important;
		border: none;
	}
	ul#test-menu-items .ViewSwitcher {
		height: auto;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		color: #4E4E59;
	}
	.night-mode ul.menu-items li, 
	.night-mode ul.menu-items li label,
	.night-mode ul.menu-items li:hover, 
	.night-mode ul.menu-items li:hover label,
	.night-mode ul#test-menu-items .ViewSwitcher,
	.night-mode ul#test-menu-items .ViewSwitcher:hover {
		color: #A8A8AE;
	}
	ul#test-menu-items .ViewSwitcher .ks-text {
		display: flex;
		align-items: center;
		gap: 4px;
	}
	ul#test-menu-items .ViewSwitcher .shortcut-table-key {
		margin: 0;
		padding: 2px 4px;
		border-radius: 4px;
		background-color: #F2F2F7;
		border: none;
		box-shadow: none;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.35;
		color: #8C8C9A;
	}
	.night-mode ul#test-menu-items .ViewSwitcher .shortcut-table-key {
		background-color: #1C1C1C;
		color: #8C8C9A;
	}
	ul#test-menu-items .ViewSwitcher .range-slider {
		margin-bottom: 0 !important;
	}
	ul#test-menu-items .radioTabs {
		margin: 0;
		padding: 0;
	}
	ul#test-menu-items .radioTabs .radioTab {
		height: 28px;
		color: #8C8C9A;
	}
	ul#test-menu-items .radioTabs input[type=radio]:checked+label {
		color: #000;
	}
	.night-mode ul#test-menu-items .radioTabs .radioTab {
		color: #8C8C9A;
	}
	.night-mode ul#test-menu-items .radioTabs input[type=radio]:checked+label {
		color: #F2F2F7;
	}
	ul#test-menu-items .radioTabs.three-tabs .separator {
		top: 5px;
		height: 18px;
		border-color: #A8A8AE;
	}
	ul#test-menu-items .radioTabs .glider {
		height: 28px;
		border-radius: 8px;
		background-color: #F2F2F7;
	}
	.night-mode ul#test-menu-items .radioTabs .glider {
		background-color: #1C1C1C;
	}
	
	#atFaMLink:hover {
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	
	.haveSimilarQuestions #atQuestionWrp .btnsWrp {
		align-items: center;
		justify-content: space-between;
	}

	#atBanner {
		margin: 0 !important;
	}
	
	#atQuestionWrp .btnsWrp {
		align-items: center !important;
		gap: 16px;
	}
	#atQuestionWrp .btnsWrp #atNextBtn {
		width: 12rem;
		height: 3.125rem;
		margin-left: auto;
		margin-top: 0;
		flex-shrink: 0;
		color: #007afe;
		background-color: transparent;
		border: 1px solid #007afe;
		border-radius: 12px;
		font-family: "proxima-nova", sans-serif;
		font-size: 1.25rem !important;
		font-weight: 500;
		white-space: nowrap;
		line-height: 1;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	#atQuestionWrp .btnsWrp #atNextBtn:hover {
		color: #fff;
		background-color: #007afe;
		transform: none;
	}
	.is_premium #atQuestionWrp .btnsWrp #atNextBtn {
		width: 100%;
		max-width: 400px;
		height: 66px;
		font-weight: 600;
		line-height: 1;
		padding: 18px 0;
		color: #fff;
		background-color: #007afe;
		cursor: pointer;
	}
	.is_premium #atQuestionWrp .btnsWrp #atNextBtn:hover {
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}
}

@media (min-width: 1131px) {
	#atSidebar2 {
		position: relative;
		width: 338px !important;
		flex-shrink: inherit;
        justify-content: flex-start;
        box-sizing: content-box;
	}

	.titleWrp {
		justify-content: space-between;
		width: 100%;
	}
	.titleWrp .btnsWrp {
		margin: 0;
		padding: 0;
	}
	
	#atWrap {
		width: calc(100% - 338px);
	}
	
	#sidebarTop {
		display: none;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0 0 8px;
	}
	.atBQReview #sidebarTop {
		display: flex;
	}
	
	body.testMenuOnboarding #test-menu-dropdown {
		margin: 54px -117px 0 0;
	}
	body.testMenuOnboarding #test-menu-dropdown:before {
		left: 135px;
	}
	body.testMenuOnboarding #test-menu-dropdown:after {
		left: 135px;
	}

	#gptContainer {
		position: relative;
		height: 100%;
		margin: 0 !important;
		overflow: visible;
	}
	#gptContainer .choices.outer,
	#gptContainer.active .choices:not(.inner) {
		display: none !important;
	}
	#gptContainer .gpt-content {
		position: absolute;
	    top: 0;
		left: unset;
		right: -150px;
		bottom: auto;
		max-height: none;
		height: auto;
		padding: 12px 16px 16px;
		border: none;
		border-radius: 20px;
		box-shadow: none;
		opacity: 0;
		-webkit-transition: .7s all ease-in-out;
		-moz-transition: .7s all ease-in-out;
		transition: .7s all ease-in-out;
	}
	#gptContainer .gpt-content.show {
		right: 0;
		opacity: 1;
	}
	#gptContainer .gpt-content.shown {
		-webkit-transition: 0.3s all ease;
		-moz-transition: 0.3s all ease;
		transition: 0.3s all ease;
	}
	body:not(.atBQReview) #gptContainer:not(.active) .gpt-content {
		top: 40px;
	}
	.withMediaCoverImg #gptContainer:not(.active) .gpt-content,
	.withImg #gptContainer:not(.active) .gpt-content {
		top: 290px;
	}
	body:not(.atBQReview).withMediaCoverImg #gptContainer:not(.active) .gpt-content {
		top: 330px;
	}
	body:not(.atBQReview).withImg #gptContainer:not(.active) .gpt-content {
		top: 270px;
	}
	body.withMediaCoverImg #atWrap.atCBankMode ~ #atSidebar2 #gptContainer:not(.active) .gpt-content {
		top: 330px;
	}
	body.withImg #atWrap.atCBankMode ~ #atSidebar2 #gptContainer:not(.active) .gpt-content {
		top: 270px;
	}
	
	#gptContainer.active .gpt-content {
		top: 0;
		max-height: 9999px;
		height: calc(100vh - 100px);
	}
	.atBQReview #gptContainer.active .gpt-content {
		height: calc(100vh - 140px);
	}
	#atWrap.atCBankMode ~ #atSidebar2 #gptContainer.active .gpt-content {
		height: calc(100vh - 140px);
	}
	#gptContainer .gpt-body {
		height: auto !important;
		overflow: hidden;
	}
	#gptContainer.active .gpt-body {
		height: 100% !important;
	}
	#gptContainer .chat-history {
		max-height: 144px;
		flex-grow: 0;
		-webkit-transition: 0.3s all ease;
		-moz-transition: 0.3s all ease;
		transition: 0.3s all ease;
	}
	#gptContainer.active .chat-history {
		max-height: calc(100% - 40px);
		flex-grow: 1;
	}
	#gptContainer .gpt-header .gpt-button {
		width: 24px;
		height: 24px;
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.9444 10.5556L19 5.5M19 5.5H14.3333M19 5.5V10.1667M5 19.5L10.0556 14.4444M5 19.5V14.8333M5 19.5H9.66667' stroke='%23A8A8AE' stroke-width='1.50001' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center center no-repeat;
		transition: 0.3s all;
		transform: none;
		transform-origin: center;
	}
	#gptContainer .gpt-header .gpt-button:hover {
		transform: scale(1.1);
	}
	#gptContainer.active .gpt-header .gpt-button:hover {
		transform: scale(0.9);
	}
	#gptContainer.active .gpt-header .gpt-button {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0557 14.4444L5.00011 19.5M10.0557 14.4444V19.1111M10.0557 14.4444H5.389' stroke='%23A8A8AE' stroke-width='1.50001' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M13.9443 10.4999L18.9999 5.44434M13.9443 10.4999V5.83323M13.9443 10.4999H18.611' stroke='%23A8A8AE' stroke-width='1.50001' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
	}

	/* Collapse empty header, float expand button to top-right of chat */
	#gptContainer .gpt-header {
		position: absolute;
		top: 12px;
		right: 16px;
		width: auto;
		height: auto;
		margin: 0;
		z-index: 2;
	}
	/* Leave room for the absolute-positioned expand button */
	#gptContainer:not(.active) .choices.inner {
		padding-right: 32px;
	}
	#gptContainer:not(.active) .chat-block.user-msg {
		align-self: flex-start;
	}
	#gptContainer .gpt-header .gpt-hat {
		display: none;
	}
}

/* Milestone Notifications - inline next to "Next question" button */

#milestone-notification {
	display: none;
	flex: 1;
	min-width: 0;
	align-items: center;
}
#milestone-notification.visible {
	display: flex;
}
#milestone-notification .milestone-card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	background: none;
	border: none;
	width: 100%;
	opacity: 0;
	animation: milestoneIn 400ms ease-out forwards;
}
#milestone-notification.dismissing .milestone-card {
	animation: milestoneOut 250ms ease-in forwards;
}

#milestone-notification .milestone-avatar {
	width: 32px;
	height: 36px;
	flex-shrink: 0;
	overflow: hidden;
}
#milestone-notification .milestone-body {
	flex: 1;
	min-width: 0;
}
#milestone-notification .milestone-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	line-height: 1;
}
/* Label colors */
#milestone-notification .milestone-card.streak .milestone-label,
#milestone-notification .milestone-card.flawless .milestone-label { color: #248A3D; }
#milestone-notification .milestone-card.bounce .milestone-label,
#milestone-notification .milestone-card.comeback .milestone-label,
#milestone-notification .milestone-card.cbank .milestone-label { color: #0055D4; }
#milestone-notification .milestone-card.halfway .milestone-label,
#milestone-notification .milestone-card.final .milestone-label { color: #C77C02; }
#milestone-notification .milestone-card.hardone .milestone-label { color: #8944AB; }

#milestone-notification .milestone-text {
	font-size: 13px;
	line-height: 1.35;
	color: #1C1C1E;
	margin: 0;
}
@keyframes milestoneIn {
	0% { opacity: 0; transform: scale(0.96); }
	100% { opacity: 1; transform: scale(1); }
}
@keyframes milestoneOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

/* Night mode */
.night-mode #milestone-notification .milestone-text { color: #F2F2F7; }

@media (max-width: 767px) {
	/* Hide old Frank head on mobile - milestones have their own Lottie avatar */
	#atQuestionWrp .btnsWrp #gptBtn {
		display: none !important;
	}
	/* Toast takes full row above button on mobile */
	#atQuestionWrp .btnsWrp {
		flex-wrap: wrap;
	}
	#milestone-notification {
		width: 100%;
		order: -1;
	}
	#milestone-notification .milestone-card { gap: 8px; }
	#milestone-notification .milestone-text { font-size: 12px; line-height: 1.3; }
	#milestone-notification .milestone-avatar { width: 28px; height: 32px; }
}/*]]>*/

/* ===== Pre-Init Template: H1, Description, Chips, Reviews, FAQ ===== */
body * {
	box-sizing: border-box;
}

html:not(.night-mode) body.atPreInit {
	background: linear-gradient(to bottom,  #f2f2f7 0%, #f2f2f7 60%, #ffffff 70%, #ffffff 100%);
}

.text-black {
	color: #000;
}

a.underline {
	border: none;
	text-decoration: underline;
	transition: all .3s;
}
a.underline:hover {
	text-decoration-color: transparent;
}

.cursor-pointer {
	cursor: pointer;
}

/*
html:not(.night-mode) body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 474px;
    background: linear-gradient(180deg, #F2F7FF 0%, rgba(242, 247, 255, 0.00) 100%);
    z-index: -1;
}
*/

.isLockedPage #header .premium-login {
	margin-right: 0 !important;
}

.isLockedPage .back-link {
	color: #007AFF;
}

#wrpAtDescr {
	position: relative;
	padding: 20px 20px 60px;
	margin-bottom: 80px;
	/*border-radius: 20px 0 20px 20px;*/
	border-radius: 0 0 20px 20px;
}
.isLockedPage #wrpAtDescr {
	margin-bottom: 90px;
}

#wrpAtDescr .lastUpdate {
	position: absolute;
	top: -25px;
	right: 0;
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 25px;
	padding: 0 9px;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #007AFF;
}
#wrpAtDescr .lastUpdate strong {
	font-weight: 600;
}

#wrpAtDescr .lastUpdate.fresh {}
#wrpAtDescr .lastUpdate.moderate {}
#wrpAtDescr .lastUpdate.stale {}

#wrpAtDescr .innerDescr {
	overflow: visible;
}
#wrpAtDescr #imgLicense {
	display: inline-block;
	border: none;
	position: absolute;
	left: -32px;
    top: 124px;
	width: 220px;
	pointer-events: none;
	transition: none;
}
#wrpAtDescr #imgLicense img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 10px 0 0 10px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 4px 25px 0px rgba(133, 133, 149, 0.30);
	-moz-box-shadow: 0px 4px 25px 0px rgba(133, 133, 149, 0.30);
	box-shadow: 0px 4px 25px 0px rgba(133, 133, 149, 0.30);
}
#wrpAtDescr #imgLicense figure{
	margin: 0;
}
#wrpAtDescr .mainDescr {
	display: flex;
	flex-direction: column;
    width: 100% !important;
	overflow: hidden;
	padding-bottom: 20px;
}
#wrpAtDescr .perfectfor {
	display: none !important;
}

h1#pgTitle {
	display: block;
	font-size: 44px;
	margin: 0 0 11px;
}

#wrpAtDescr #atDescr {
	margin-top: 0;
    color: #000;
}
#atDescr p {
	margin: 0 0 16px !important;
}
#atDescr .innerDescrWrp {
	min-height: 0 !important;
}

#atDescr a {
	text-decoration: none;
	color: #007AFF;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
#atDescr a:hover {
	border-color: #007AFF;
}

#atDescrTop {
    position: relative;
    height: auto;
    padding-bottom: 10px;
    transition: all .3s ease-in-out;
    overflow-y: clip;
}
#atDescrTop.noTransition {
    transition: none !important;
}
#atDescrTop:not(.active) {
    max-height: 290px !important;
}

#atDescrTop .showMore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: start;
    padding: 50px 0 0;
    background: linear-gradient(to bottom,  rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #007AFF;
}
.night-mode #atDescrTop .showMore {
    background: linear-gradient(to bottom,  rgba(43, 43, 48, 0) 0%, rgba(43, 43, 48, 0) 20%, rgba(43, 43, 48, 1) 60%) rgba(43, 43, 48, 1) 100%);
}
#atDescrTop.active .showMore {
    background: none;
}
#atDescrTop .showMore:before {
    content: 'Show more';
}
#atDescrTop.active .showMore:before {
    content: 'Show less';
}
#atDescrTop .showMore:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6L7 10L11 6' stroke='%23007AFF' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center center / contain no-repeat;
    transition: all .3s ease-in-out;
}
#atDescrTop.active .showMore:after {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    #atDescrTop:not(.active) {
        max-height: unset !important;
    }
    #atDescrTop .showMore {
        display: none !important;
    }
}

.atDescrTop {
	display: block;
	width: calc(100% - 30px);
	padding: 0;
	margin: 0;
    overflow: hidden;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	color: #000 !important;
}
.atDescrTop a {
	text-decoration: none;
	color: #007AFF;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.atDescrTop a:hover {
	border-color: #007AFF;
}
.atDescrTop h2,
.atDescrTop h3 {
	margin-top: 0;
	font-size: 16px;
	font-weight: 600;
}
.atDescrTop h3,
.atDescrTop h4 {
    margin-top: 0;
    margin-bottom: 10px;
}
.atDescrTop h4 {
    font-size: 15px;
    font-weight: 600;
}
.atDescrTop ul,
.atDescrTop ol {
    padding-left: 20px;
}
.atDescrTop .in-this-test {
    margin-top: -5px !important;
}
.atDescrTop .in-this-test li {
    font-size: 15px;
    margin-bottom: 3px;
}
.atDescrTop strong,
.atDescrTop b {
	font-weight: 600;
}
.atDescrTop ul {
	margin-top: 0;
}
.atDescrTop p,
.atDescrTop ul {
	margin-bottom: 14px !important;
}

.mainDescr {
	flex: 1 0 0%;
	width: 100%;
	margin-top: 0;
}

#wrpAtDescr .sideDescr {
	position: relative;
	flex: 0 0 auto;
	width: 340px;
	display: flex;
	flex-direction: column;
}

.label,
[data-label]:after {
	display: inline-block;
	width: auto;
	padding: 3px 6px;
	border-radius: 8px;
	background-color: #DCFDE4;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #000;
}
.label strong {
	font-weight: 600;
}
[data-label]:after {
	content: attr(data-label);
	margin: -2px 0 0 5px;
}

#based {
	margin: 0 auto 8px 0;
	order: -1;
}

.chips {
	display: flex;
	align-items: center;
	gap: 4px 4px;
	flex-wrap: wrap;
    color: #000;
}
.chips .chip {
	display: inline-flex;
	align-items: center;
	height: 25px;
	gap: 4px;
	width: auto;
	padding: 0 6px;
	border-radius: 8px;
	background-color: #F2F7FF;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	white-space: nowrap;
	position: relative;
}
.chips .small {
	font-size: 15px;
}
.chips strong {
	font-weight: 600;
}

#chips {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 20px 0 0 0;
}
#chips .title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: #000;
}
/* #chips .chips {
	max-width: 280px;
} */

.chip .tooltip {
    position: absolute;
    width: 173px;
    background-color: rgba(0, 0, 0, 0.80);
    color: #fff;
    padding: 8px;
    font-size: 14px;
    line-height: 1.35;
    z-index: 9999;
    border-radius: 8px;
    visibility: hidden;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .3s;
    transition-delay: .2s;
    white-space: normal;
}
.chip .tooltip h4 {
	margin: 10px 0;
}
.chip .tooltip data {
	font-weight: 600;
}
.chip .tooltip:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.80) transparent;
    border-width: 0 7px 7px;
    top: -7px;
    left: 50%;
    margin-left: -7px;
}
.chip:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

#mainDescr .chips {
	margin-bottom: 11px;
}

#params {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
    max-width: 100%;
    margin: -3px 0 15px;
    order: -1;
}

#testThumbnail {
	position: relative;
	width: 340px;
	height: 144px;
	border-radius: 12px;
	background-size: cover;
	overflow: clip;
}
#testThumbnail img {
	width: 100%; 
	height: 100%; 
	object-fit: cover;
}


#trustpilot-container {
	background-color: #fff;
	padding: 20px 20px 20px 0;
	border-radius: 20px;
	margin: 0;
}
.trustbox-widget.desktop {
	width: 100%;
	height: 90px;
	display: flex;
	justify-content: flex-end;
	margin: 6px 0 0 2px;
}
.trustbox-widget.mobile {
	display: none;
}

#prtnrs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 0;
}
#prtnrs > div {
    flex: 0 0 auto;
    width: auto;
}
#prtnrs img {
    display: block;
    width: auto;
    height: 42px;
}

#pgRatingText {
	flex-wrap: wrap;
	float: right;
	margin: 0;
	pointer-events: none;
}
#pgRatingText .eeRatingStars {
	margin: 0 0 3px;
}

#exclusives {
	margin: 10px 0 5px;
}
#exclusives .heading {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
	margin: 0 0 16px;
}
#exclusives .options {
	flex: 1 0 0%;
	display: flex;
	gap: 20px 15px;
	flex-wrap: wrap;
	align-self: center;
	width: 100%;
}
#exclusives .option {
	flex: 0 0 auto;
	display: flex;
	gap: 16px;
	align-items: center;
	width: calc(25% - 12px);
}
#exclusives .option div {
	position: relative;
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	border-radius: 8px;
	background: linear-gradient(336deg, #CD2FD4 8.16%, #007AFF 46.57%, #8DF4A9 89.87%);
}
#exclusives .option div svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#exclusives .option p {
	flex: 1 0 0%;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	color: #4E4E59;
	margin: 0;
}

#wrpAtDescr .btnStartWrp {
	flex-wrap: nowrap;
	gap: 8px;
	width: calc(100vw - 80px);
	max-width: 904px;
}
#wrpAtDescr .blue-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 8px;
	height: 66px;
	font-family: "proxima-nova", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1 !important;
}
#wrpAtDescr .blue-btn#atBtnStart:not(.secondary) {
	width: 100%;
	min-width: 400px;
	max-width: 556px;
}
#wrpAtDescr .blue-btn:before,
#wrpAtDescr .blue-btn:after {
	margin: 0 !important;
}
#atBtnStart:before, #premiumBtn:before {
	width: 26px;
	height: 26px;
}
#atBtnStart:before {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.5 21C17.4706 21 21.5 16.9706 21.5 12C21.5 7.02944 17.4706 3 12.5 3C7.52944 3 3.5 7.02944 3.5 12C3.5 16.9706 7.52944 21 12.5 21Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12.5 14C13.6046 14 14.5 13.1046 14.5 12C14.5 10.8954 13.6046 10 12.5 10C11.3954 10 10.5 10.8954 10.5 12C10.5 13.1046 11.3954 14 12.5 14Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12.5 14V21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.5 12L3.75 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14.5 12L21.25 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center center / cover no-repeat;
}
#premiumBtn:before {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.5006 3C18.7415 3 18.9655 3.11546 19.1055 3.30648L19.1602 3.39287L22.4241 9.42108L22.462 9.51397L22.4741 9.55379L22.4942 9.65597L22.5 9.74989C22.5 9.81893 22.4907 9.88578 22.4732 9.94926L22.4258 10.0753L22.3883 10.1439C22.3662 10.1795 22.3411 10.2135 22.3128 10.2456L22.3726 10.1682L22.3481 10.2024L13.0973 20.7078C13.0172 20.8141 12.9139 20.8914 12.8 20.9397L12.7018 20.9727L12.6246 20.9901L12.5003 21L12.4 20.9934L12.2821 20.9679C12.2219 20.9506 12.1633 20.9251 12.1085 20.8919L12.0993 20.8844C12.0522 20.8561 12.0082 20.8215 11.9682 20.7812L2.67811 10.2351L2.65187 10.2024L2.61179 10.1439C2.55631 10.0543 2.51921 9.95218 2.50569 9.84275L2.5 9.74989L2.50285 9.68403L2.51606 9.59528C2.52225 9.56536 2.53015 9.5366 2.53966 9.50859L2.56249 9.4501L2.59049 9.39277L5.83978 3.39287C5.95449 3.18107 6.16267 3.03913 6.39736 3.00695L6.49937 3H18.5006ZM15.4984 10.4999H9.49873L12.5 18.1867L15.4984 10.4999ZM7.88957 10.4999H4.90925L10.2608 16.5738L7.88957 10.4999ZM20.0888 10.4999H17.1095L14.7413 16.5698L20.0888 10.4999ZM9.47173 4.49998H6.94542L4.50721 8.9999H8.03158L9.47173 4.49998ZM13.9521 4.49998H11.0468L9.60575 8.9999H15.3914L13.9521 4.49998ZM18.0535 4.49998H15.5274L16.9675 8.9999H20.4899L18.0535 4.49998Z' fill='%23007AFF'/%3e%3c/svg%3e") center center no-repeat;
}
#wrpAtDescr .blue-btn.secondary {
	border-width: 2px;
}
.isLockedPage #premiumBtn {
	width: 66%;
	max-width: 720px;
	min-width: 300px;
	background-color: #8DF4A9;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
.isLockedPage #premiumBtn:hover {
	background-color: #8DF4A9;
	color: #000;
	border-color: #8DF4A9;
}
.isLockedPage #premiumBtn:before {
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.995 9.80033L21.9702 9.8663L21.9611 9.88301L21.9465 9.90182L12.7221 20.3774L12.7095 20.3917L12.698 20.4069C12.676 20.436 12.6489 20.4581 12.6175 20.4735L12.5668 20.4906L12.5493 20.4945L12.4969 20.4987L12.4697 20.4969L12.409 20.4838C12.4025 20.4815 12.396 20.4789 12.3895 20.4759L12.3875 20.4742L12.3568 20.4558C12.3484 20.4508 12.3396 20.4443 12.3305 20.4361L3.06088 9.91318L3.05366 9.90419L3.03256 9.87338C3.0184 9.84869 3.00848 9.82157 3.00356 9.79261L3.00066 9.74539L3.00125 9.73178L3.00796 9.68674C3.00878 9.68349 3.00967 9.68027 3.01064 9.67706L3.02079 9.65104L3.03515 9.62165L6.27944 3.63099C6.27944 3.63098 6.27944 3.63098 6.27945 3.63098C6.31563 3.56417 6.37981 3.51812 6.45295 3.50432L6.51638 3.5H18.5006C18.5767 3.5 18.6478 3.53458 18.6947 3.59223L18.7287 3.64594L21.9714 9.6352L21.989 9.67822L21.9972 9.71991L21.9998 9.76134C21.9992 9.77494 21.9975 9.78793 21.995 9.80033ZM15.9642 10.6816L16.2301 9.99988H15.4984H9.49873H8.76676L9.03298 10.6817L12.0342 18.3686L12.5002 19.5621L12.9658 18.3684L15.9642 10.6816ZM8.35533 10.318L8.23112 9.99988H7.88957H4.90925H3.80233L4.5341 10.8304L9.88566 16.9043L10.7266 16.3919L8.35533 10.318ZM20.464 10.8304L21.1957 9.99988H20.0888H17.1095H16.7679L16.6437 10.3181L14.2755 16.388L15.1165 16.9003L20.464 10.8304ZM9.94794 4.65238L10.1567 3.99998H9.47173H6.94542H6.64765L6.5058 4.26178L4.0676 8.7617L3.66762 9.4999H4.50721H8.03158H8.39654L8.50779 9.15231L9.94794 4.65238ZM14.4283 4.34766L14.3171 3.99998H13.9521H11.0468H10.6819L10.5706 4.34748L9.12957 8.84741L8.92061 9.4999H9.60575H15.3914H16.0762L15.8676 8.84758L14.4283 4.34766ZM18.4932 4.26192L18.3514 3.99998H18.0535H15.5274H14.8424L15.0512 4.65238L16.4913 9.15231L16.6026 9.4999H16.9675H20.4899H21.3292L20.9296 8.76184L18.4932 4.26192Z' fill='%23007AFF' stroke='black'/%3e%3c/svg%3e") center center no-repeat;
}
#btnStartWrp .blue-btn {
	border-radius: 12px;
}
html:not(.is_partner) body:not(.isTestDemoMode) #wrpAtDescr #atBtnStart:after {
	content: '';
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.47011 18.4993C9.59585 18.5022 9.72085 18.4791 9.83732 18.4316C9.95379 18.3841 10.0592 18.3131 10.1471 18.223L15.1562 13.2611C15.391 13.0353 15.4988 12.7924 15.4988 12.5C15.4988 12.2077 15.391 11.9556 15.1653 11.7379L10.1481 6.77598C10.0599 6.68587 9.95407 6.61486 9.83726 6.56735C9.72046 6.51983 9.59515 6.49683 9.4691 6.49976C9.34215 6.49896 9.21629 6.52326 9.09874 6.57126C8.9812 6.61926 8.87429 6.69002 8.78415 6.77947C8.694 6.86893 8.6224 6.97531 8.57345 7.09252C8.5245 7.20974 8.49917 7.33547 8.49891 7.4625C8.49891 7.72965 8.60771 7.97261 8.80014 8.17322L13.1987 12.5081L8.80014 16.8339C8.65963 16.967 8.56239 17.1393 8.52105 17.3284C8.47971 17.5175 8.49618 17.7147 8.56834 17.8943C8.64049 18.074 8.76498 18.2277 8.92562 18.3356C9.08627 18.4435 9.27563 18.5005 9.4691 18.4993H9.47011Z' fill='white'/%3e%3c/svg%3e") center center no-repeat;
	transform: translate(-3px, 1px);
}

html:not(.completed-test) body:not(.isTestDemoMode) #atBtnPremium,
.completed-test .isTestDemoMode #atBtnRestart,
.completed-test .isTestDemoMode #atBtnStart {
    display: none !important;
}

#testInfo {
	margin: 0 0 20px;
}
.testInfo {
	display: flex;
	gap: 20px;
	background-color: transparent;
	padding: 0;
	border-radius: 0;
}
.testInfo > div {
	flex: 0 0 auto;
	width: 100%;
	padding: 20px 20px;
	border-radius: 20px;
	background-color: #fff;
	margin: 0 0 20px;
}
.testInfo .title {
	display: block;
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.44;
	color: #000;
}
.testInfo p,
.testInfo li {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #4E4E59;
}
.testInfo strong {
	font-weight: 600;
}
.testInfo a {
	color: #007AFF;
	transition: all .3s;
	border-bottom: 1px solid transparent;
	transition: all .25s;
	text-decoration: none;
}
.testInfo a:hover {
	border-color: #007AFF;
}
.testInfo ol,
.testInfo ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.testInfo li {
	padding: 0 0 0 36px;
	margin: 0;
}
.testInfo li:before {
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	float: left;
	margin: -2px 8px 0 -36px;
	border-radius: 8px;
	background: #F2F7FF url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M1 3.66667L4.75 7.66667L11 1' stroke='%23007AFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center center no-repeat;
	color: #007AFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
.testInfo ol {
	counter-reset: olCounter;
}
.testInfo ol li:before {
	counter-increment: olCounter;
  	content: counter(olCounter);
  	background-image: none;
}
.testInfo li.pointer:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.75 7.59121C15.75 11.7172 10.9999 16.4097 9.4692 17.8147C9.20003 18.0618 8.79997 18.0618 8.5308 17.8147C7.00014 16.4097 2.25 11.7172 2.25 7.59121C2.25 3.81292 5.27208 0.75 9 0.75C12.728 0.75 15.75 3.81292 15.75 7.59121ZM11.4375 7.59121C11.4375 8.95558 10.3462 10.0616 9 10.0616C7.65382 10.0616 6.5625 8.95558 6.5625 7.59121C6.5625 6.22683 7.65382 5.12077 9 5.12077C10.3462 5.12077 11.4375 6.22683 11.4375 7.59121Z' fill='%23007AFF'/%3e%3c/svg%3e");
}
.testInfo li.list:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 5.87132C15 5.47349 14.842 5.09197 14.5606 4.81066L11.6894 1.93934C11.408 1.65803 11.0265 1.5 10.6287 1.5H4.5C3.67157 1.5 3 2.17157 3 3V15C3 15.8284 3.67157 16.5 4.5 16.5H13.5C14.3285 16.5 15 15.8284 15 15V5.87132ZM11.625 8.25002C12.0392 8.25002 12.375 7.91425 12.375 7.5C12.375 7.08579 12.0392 6.75 11.625 6.75H6.375C5.96079 6.75 5.625 7.08579 5.625 7.5C5.625 7.91425 5.96079 8.25002 6.375 8.25002H11.625ZM6.375 11.625C5.96079 11.625 5.625 11.2892 5.625 10.875C5.625 10.4608 5.96079 10.125 6.375 10.125H10.125C10.5392 10.125 10.875 10.4608 10.875 10.875C10.875 11.2892 10.5392 11.625 10.125 11.625H6.375Z' fill='%23007AFF'/%3e%3c/svg%3e");
}
.testInfo li.fail:before {
	background-color: #FFF1F7;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_19209_41747)'%3e%3ccircle cx='8.625' cy='9.375' r='5.625' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00199 16.5C13.1441 16.5 16.502 13.1421 16.502 9C16.502 4.85786 13.1441 1.5 9.00199 1.5C4.85982 1.5 1.50195 4.85786 1.50195 9C1.50195 13.1421 4.85982 16.5 9.00199 16.5ZM7.17246 6.375C6.95278 6.15533 6.59663 6.15533 6.37696 6.375C6.15729 6.59468 6.15729 6.95083 6.37696 7.1705L8.20647 9L6.37696 10.8295C6.15729 11.0491 6.15729 11.4053 6.37696 11.625C6.59663 11.8447 6.95279 11.8447 7.17246 11.625L9.00199 9.79553L10.8315 11.625C11.0511 11.8447 11.4073 11.8447 11.627 11.625C11.8466 11.4053 11.8466 11.0491 11.627 10.8295L9.79744 9L11.627 7.1705C11.8467 6.95083 11.8467 6.59468 11.627 6.375C11.4073 6.15533 11.0511 6.15533 10.8315 6.375L9.00199 8.20447L7.17246 6.375Z' fill='%23FF9292'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_19209_41747'%3e%3crect width='18' height='18' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.testInfo li.info:before {
	background-color: #FFF1CE;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9ZM8.83702 12.7125C8.62995 12.7125 8.46202 12.5446 8.46202 12.3375V7.9398C8.46202 7.73265 8.62995 7.5648 8.83702 7.5648H9.16208C9.36923 7.5648 9.53708 7.73265 9.53708 7.9398V12.3375C9.53708 12.5446 9.36923 12.7125 9.16208 12.7125H8.83702ZM9.00495 6.33764C8.81798 6.33764 8.6574 6.27531 8.52315 6.15067C8.3913 6.02362 8.32538 5.87261 8.32538 5.69763C8.32538 5.52026 8.3913 5.36924 8.52315 5.24459C8.6574 5.11755 8.81798 5.05403 9.00495 5.05403C9.19193 5.05403 9.3513 5.11755 9.48315 5.24459C9.6174 5.36924 9.68452 5.52026 9.68452 5.69763C9.68452 5.87261 9.6174 6.02362 9.48315 6.15067C9.3513 6.27531 9.19193 6.33764 9.00495 6.33764Z' fill='%23F6A834'/%3e%3c/svg%3e");
}
.testInfo li.appointment:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.92285 3.15625C3.92285 3.34526 4.06578 3.49991 4.24023 3.5H4.875C5.04952 3.5 5.19238 3.34531 5.19238 3.15625V2.125H12.8076V3.15625C12.8076 3.34531 12.9505 3.5 13.125 3.5H13.7598C13.9342 3.49991 14.0771 3.34526 14.0771 3.15625V2.125H15.6631C16.5357 2.125 17.25 2.89844 17.25 3.84375V15.5312C17.25 16.4766 16.5357 17.25 15.6631 17.25H2.33691C1.46432 17.25 0.75 16.4766 0.75 15.5312V3.84375C0.75 2.89844 1.46432 2.125 2.33691 2.125H3.92285V3.15625ZM2.01953 15.0156C2.01953 15.4883 2.3762 15.875 2.8125 15.875H8.60645V11.75H2.01953V15.0156ZM9.39258 15.875H15.1875C15.6238 15.875 15.9805 15.4883 15.9805 15.0156V11.75H9.39258V15.875ZM9.39258 10.9639H15.9805V7.28125C15.9805 7.09219 15.8376 6.9375 15.6631 6.9375H9.39258V10.9639ZM2.33691 6.9375C2.16239 6.9375 2.01953 7.09219 2.01953 7.28125V10.9639H8.60645V6.9375H2.33691ZM4.875 0.75C5.04952 0.750001 5.19238 0.904688 5.19238 1.09375V2.125H3.92285V1.09375C3.92285 0.904741 4.06578 0.750088 4.24023 0.75H4.875ZM13.7598 0.75C13.9342 0.750093 14.0771 0.904744 14.0771 1.09375V2.125H12.8076V1.09375C12.8076 0.904687 12.9505 0.75 13.125 0.75H13.7598Z' fill='%23007AFF'/%3e%3c/svg%3e");
}

#howTo {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1 0 0%;
	width: 100%;
}

#whatToExpect {
	flex: 0 0 auto;
	width: 420px;
}
#whatToExpect > div {
	display: flex;
	gap: 12px;
	margin: 0 0 20px;
}
#whatToExpect .note {
	flex: 1 0 0%;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #4E4E59;
}
#whatToExpect .facts {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 0 0 auto;
    width: auto;
}
#whatToExpect .facts .fact {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	height: 31px;
	background-color: #F2F7FF;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #4E4E59;
}
#whatToExpect .facts .fact strong {
	font-weight: 700;
	color: #007AFF;
}

#experts {
    display: flex;
    gap: 20px;
    margin: 0 0 20px;
}
.expert {
    flex: 1 0 0%;
    display: flex;
    width: 50%;
	background-color: transparent;
	padding: 0;
	border-radius: 0;
}
.expert > div {
	display: flex;
	gap: 20px;
    width: 100%;
	padding: 20px 20px 14px;
	border-radius: 20px;
	background-color: #fff;
}
.expert .image {
	position: relative;
	flex: 0 0 auto;
	width: 65px;
}
.expert img {
	display: block;
	width: 100%;
	border-radius: 50%;
}
.expert .image:before {
	content: '';
	position: absolute;
	top: 40px;
	right: 0;
	width: 32px;
	height: 32px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='32' height='32' rx='16' fill='%2300B67A'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25 11.5833C9.25 10.9905 9.5991 10.4534 10.1408 10.2126L15.3908 7.87929C15.7787 7.70691 16.2213 7.70691 16.6092 7.87929L21.8592 10.2126C22.4009 10.4534 22.75 10.9905 22.75 11.5833V16.6086C22.75 21.016 17.9927 23.3091 16.4658 23.9315C16.1652 24.0541 15.8348 24.0541 15.5342 23.9315C14.0073 23.3091 9.25 21.016 9.25 16.6086V11.5833ZM19.375 13.2335C19.5947 13.4532 19.5947 13.8093 19.375 14.029L15.6477 17.7563C15.4281 17.976 15.0719 17.976 14.8523 17.7563L13 15.904C12.7803 15.6843 12.7803 15.3282 13 15.1086C13.2197 14.8889 13.5758 14.8889 13.7955 15.1086L15.25 16.563L18.5795 13.2335C18.7991 13.0139 19.1553 13.0139 19.375 13.2335Z' fill='white'/%3e%3c/svg%3e") center center / cover no-repeat;
}
.expert .content {
	flex: 1 0 0%;
	width: auto;
}
.expert .title {
	font-size: 18px;
    font-weight: 700;
	line-height: 1.5;
	margin: 0;
}
.expert .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
	margin: 0;
}
.expert .content p a {
	display: inline;
	width: auto;
    color: #007AFF;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color .3s;
}
.expert .content p a:hover {
    border-bottom: 1px solid #007AFF;
}
.expert .content p a.policy:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0px -16px -2px 0;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 11L10.5 7L6.5 3' stroke='%23007AFF' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center center / cover no-repeat;
}
.expert .content p strong {
    font-weight: 600;
}
.expert .content p small {
    font-size: 14px;
}

#process {
    margin: 0 0 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #4E4E59;
}
#process a {
    text-decoration: none;
    color: #007AFF;
    border-bottom: 1px solid transparent;
    transition: all .3s;
}
#process a:hover {
    border-color: #007AFF;
}

.modal-window p strong {
	font-weight: 600;
}

#subDescr {
	margin: 0 0 40px;
}
#subDescr p {
	margin-top: 0;
	font-size: 15px;
    font-weight: 400;
    line-height: 1.35;
    color: #4E4E59;
}

#bottomMrWrp {
	margin: 0 0 60px;
}
#bottomMrWrp h2 {
	margin-top: 0;
}
#bottomMr ol li {
	color: #4E4E59;
}
#bottomMr ol li strong {
	font-weight: 500;
}
#bottomMr ol.sbar li a {
	font-size: 16px;
	line-height: 1.4;
}

#another_state {
	margin-bottom: 60px;
}
#another_state .title {
	font-size: 30px;
	line-height: 1.25 !important;
	font-weight: 700;
	margin: 0 0 12px;
}
#another_state .content {
	padding: 27px 20px;
	background-color: #fff;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #4E4E59;
}
#another_state ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	column-count: 5;
}
#another_state ul li {
	margin: 0 0 8px;
}
#another_state a {
	color: #007AFF;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
#another_state a:hover {
	border-color: #007AFF;
}

#weKnow {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin: 120px auto 60px;
}
#weKnow > div {
	flex: 0 0 auto;
    width: 100%;
}
#weKnow > div:first-child {
	max-width: 446px;
}
#weKnow > div:last-child {
	max-width: 488px;
}
#weKnow h3 {
	margin: 0;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.115;
	color: #000;
	text-align: left;
}
#weKnow p {
	margin: 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
}
#weKnow p label {
	display: inline;
	padding: 0 8px;
	border-radius: 8px;
	background-color: #FF9292;
	color: #fff;
}

#partners {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 60px;
	padding: 20px 24px;
	border-radius: 20px;
	background-color: #F2F7FF;
}
#partners > div {
	flex: 1 0 0%;
    width: 100%;
}
#partners .text {
	max-width: 525px;
}
#partners .images {
	max-width: 430px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 16px 40px;
}
#partners h4 {
	margin: 0 0 11px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
}
#partners p {
	max-width: 490px;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #4E4E59;
}

#smarterWay {
	margin: 0 0 60px;
}
#smarterWay h4 {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	color: #000;
	text-align: left;
}
#smarterWay .cards {
	display: flex;
	gap: 24px;
}
#smarterWay .card {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 16px;
	border-radius: 20px;
	border: 1px solid rgba(133, 133, 149, 0.20);
	background-color: #fff;
}
#smarterWay .card .icon svg {
	width: 55px;
	height: 55px;
}
#smarterWay .card .text h5 {
	margin: 0 0 4px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.44;
	color: #000;
}
#smarterWay .card .text p {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #4E4E59;
}

#sources-and-methodology p {
	font-size: 16px;
}

@keyframes softPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(20, 179, 47, 0.4);
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 10px rgba(141, 244, 169, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(141, 244, 169, 0);
    }
}

.stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #888;
    font-size: 14px;
    margin: 15px 0 -10px;
}
.stats > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.stats strong {
    font-weight: 600;
}
.stats .pulse {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    animation: softPulse 2s ease-in-out infinite;
}
.state-activity svg {
    display: block;
    color: #14B32F;
}

@media (max-width: 767px) {
    .stats {
        justify-content: start;
        flex-wrap: wrap;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.35;
        color: #4E4E59 !important;
    }
}

@media (min-width: 1131px) {
	.atPreInit #footer > .container {
		max-width: 1113px;
	}
}

@media (max-width: 1023px) {
	#wrpAtDescr h1 {
		font-size: 32px;
	}
}

@media (min-width: 768px) {
	.floatingCTA #btnStartWrp {
		transform: none !important;
	}
	.floatingCTA #btnStartWrp .blue-btn:not(.secondary) {
		gap: 0;
	    position: fixed !important;
        min-width: unset !important;
        top: 16px;
        right: 16px;
        bottom: unset;
        left: unset;
        width: auto !important;
        height: auto !important;
        z-index: 999;
        padding: .6rem 1rem;
        border: none;
        border-radius: 12px;
        vertical-align: unset;
        text-align: center;
        transform: none !important;
        transition: none !important;
	}
	.floatingCTA.isAdmin #btnStartWrp .blue-btn:not(.secondary) {
		top: 45px;
	}
	.floatingCTA #btnStartWrp .blue-btn:not(.secondary) span {
		display: none;
	}
	.floatingCTA #btnStartWrp .blue-btn:not(.secondary):before {
		content: 'Start test';
		width: auto;
		height: unset;
		font-size: 16px;
	    font-weight: 700;
	    background: #007aff;
	    color: white;
	    background: none;
	    transform: none !important;
	    transition: none !important;
	}
	.floatingCTA #btnStartWrp #atBtnRestart.blue-btn:not(.secondary):before {
		content: 'Restart test';
	}
	.floatingCTA #btnStartWrp .blue-btn:not(.secondary):after {
		display: none;
	}
}

@media (max-width: 991px) {
	.testInfo {
		gap: 20px;
		flex-direction: column;
		margin: 0 0 20px;
	}
	.testInfo > div {
		flex: 0 0 auto !important;
    	width: 100% !important;
    }

    #experts {
        flex-direction: column;
    }
    .expert {
        width: 100%;
    }
}

@media (min-width: 768px) {
	.isLockedPage #wrpAtDescr .btnStartWrp {
		flex-direction: column;
		bottom: -67px;
	}

    #helpful-links ul {
        display: inline;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    #helpful-links li {
        display: inline;
    }
}

@media (max-width: 767px) {
	html:not(.night-mode) body.atPreInit {
		background: #fff;
	}

	#wrpAtDescr {
		margin: 0;
		padding: 0;
		background-color: inherit;
		border-radius: 0;
	}

	.showPreInit #wrpAtDescr h1#pgTitle {
	    margin: 20px 0 8px !important;
	    font-size: 22px;
	    font-weight: 700;
	    line-height: 1.25;
	    order: -2;
	}

	#atWrap h2, 
	#atWrap h3 {
	    font-size: 22px;
	    font-weight: 600;
	    line-height: 1.25;
	    margin: 0 0 16px;
	}
	#atWrap h3 {
	    margin: 0 0 12px;
	}
    #atWrap h4 {
        font-size: 14px;
    }
    #atDescr p {
        margin: 0 0 12px !important;
    }

	#wrpAtDescr #atDescr {
		flex-direction: column-reverse;
		/*margin-top: 12px !important;*/
		margin-top: 0 !important;
	}
	#wrpAtDescr #atDescr .mainDescr {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
	}
	#wrpAtDescr #atDescr .mainDescr .atDescrTop {
		width: 100%;
		margin-bottom: 0;
	}
    #wrpAtDescr #atDescr .atDescrContent {
        margin-bottom: 0;
    }
	#wrpAtDescr #atDescr .atDescrContent p {
		font-size: 14px;
		line-height: 1.35;
	}
    .atDescrTop .in-this-test li {
        font-size: 14px;
        line-height: 1.35;
        margin: 0;
    }

	#wrpAtDescr .lastUpdate {
		top: -40px;
		padding: 0;
	}

	#wrpAtDescr .sideDescr {
		width: 100%;
	}

	#wrpAtDescr .mainDescr .descrItem {
		font-weight: 600;
	}

	.showPreInit #wrpAtDescr #testThumbnail {
		width: 100vw;
	    height: 130px;
	    border-radius: 0;
	    margin: 0 0 0 -20px;
	}

	#wrpAtDescr #imgLicense {
		top: -25px;
	    right: 0;
	    left: auto;
	    width: 33.33%;
	    height: auto;
	}

	.showPreInit #wrpAtDescr #imgLicense {
		top: 11px;
        right: -3px;
        left: unset;
        margin: 0;
	}
	.showPreInit #wrpAtDescr #imgLicense img {
		border: 2px solid #fff;
	}

	#based {
		position: absolute;
		bottom: -8px;
		margin: 0;
	}
    #based .label {
        margin-top: 2px;
    }

    .chips .small {
        font-size: 14px;
    }
	#chips {
		order: 0;
		gap: 6px;
		margin: 0 0 10px;
	}
    #chips .title {
        font-size: 14px;
    }
	#chips .chips {
		max-width: unset;
        flex-wrap: nowrap;
        margin: 0 -20px;
        padding: 0 20px 6px;
        overflow-x: auto;
	}

	.chip .tooltip {
		left: 0;
		transform: none;
	}
	.chip .tooltip:before {
		left: 20%;
	}

	#params {
		justify-content: flex-start;
	}

	.trustbox-widget.desktop {
		display: none;
	}
	.trustbox-widget.mobile {
		display: block;
		height: 24px;
    	margin: 0 0 25px;
	}

	#atDescr .innerDescrWrp {
		position: relative;
	    margin: 0;
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 1.35;
	    color: #000;
	}

	#wrpAtDescr .btnStartWrp {
		display: flex;
		flex-direction: column;
		gap: 8px;
	    background-color: #fff;
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    padding: 13px 16px;
	    box-sizing: border-box;
	    box-shadow: none;
	    z-index: 1000;
	    margin: 0;
	    border: none;
	    transform: none;
	    transition: all .3s ease-in-out;
	}
	[data-scrolling="down"] #btnStartWrp {
		transform: translateY(100%);
	}
	#atBtnStart:before, 
	#premiumBtn:before {
		width: 24px;
		height: 24px;
	}
	#wrpAtDescr .btnStartWrp:before {
		display: none;
	}
	#wrpAtDescr .blue-btn {
		width: 100%;
		max-width: 400px;
		font-size: 16px;
	}
	#wrpAtDescr .blue-btn.secondary {
		border-width: 1px;
	}

	#testInfo {
		margin: 60px 0 20px;
	}
    .testInfo {
        margin: 0;
    }
	.testInfo > div {
    	margin: 0 0 20px;
    	padding: 0;
    	background-color: transparent;
    	border-radius: 0;
	}
	#atWrap .testInfo .title {
		display: block;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.44;
	}
	#atWrap .testInfo .title[data-label]:after {
		float: left;
		margin: -56px 0 0 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.35;
	}
	.testInfo ol, 
	.testInfo ul {
		gap: 5px;
	}
	.testInfo li:before {
		margin-top: 0;
	}

	#whatToExpect > div {
		flex-direction: column;
	}

	#whatToExpect .facts {
		flex-direction: row;
	}

    .last-verified {
        margin-top: 10px !important;
    }

    #prtnrs {
        margin: 0 0 20px;
        border-radius: 20px;
        background-color: #F2F7FF;
        padding: 30px 20px;
    }
    #prtnrs img {
        height: 10vw;
    }

	#experts .expert {
        margin: 0;
        padding: 0;
        background-color: transparent;
        font-size: 14px;
        line-height: 1.35;
	}
    #experts .expert > div {
        gap: 12px;
        padding: 12px;
        border-radius: 20px;
        background-color: #F2F7FF;
    }
	#experts .expert .image {
        order: 2;
	}
    #experts .expert .content {
        order: 1;
    }
	#experts .expert .content .title {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.12;
		color: #000;
		margin: 0 0 2px;
	}
	#experts .expert .content p {
		font-size: 14px;
		line-height: 1.25;
	}
    #experts .expert .content p small {
        font-size: 12px;
    }

	#helpful-links {
		display: block;
		margin: 20px 0 20px;
	}
    #helpful-links .title {
        display: block;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.35;
		margin: 0 0 4px;
	}
    #helpful-links ul {
        display: flex;
        flex-direction: column;
        gap: 2px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
	#helpful-links ul li {
        display: inline-flex;
        align-items: center;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.35;
	}
    #helpful-links ul li:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -2px 4px 0 0;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.83398 10.1667L9.58398 14.1667L15.834 7.5' stroke='%23007AFF' stroke-width='2.22222' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") 0 0 no-repeat;
    }
    #helpful-links .comma, 
    #helpful-links .dot {
        display: none;
    }

	#aboutTest #params {
		order: 2;
		justify-content: start;
		margin: 12px 0 20px;
	}

	#what-to-expect {
		margin: 0;
	}

	#bottomMrWrp {
	    margin: 0 -20px 0;
        padding: 32px 20px 20px;
        border-radius: 0;
        background-color: #F2F7FF;
	}
	#bottomMrWrp #bottomMr {
	    padding: 0;
	    border-radius: 0;
	    background-color: inherit;
	}
	#bottomMr .bottomMrContent {
		column-count: 2;
	}
	#bottomMr .bottomMrContent > div {
		flex: 0 0 auto;
    	width: 50%;
	}
	#bottomMr ol.sbar {
		margin: 0 0 10px;
	}
	#bottomMr ol.sbar li a {
		font-size: 14px;
		line-height: 1.35;
	}

	#another_state {
		margin: 0 -20px 40px;
		padding: 20px 20px 32px;
		background-color: #F2F7FF;
	}
	#another_state .content {
		padding: 0;
		font-size: 14px;
		line-height: 1.35;
		background-color: transparent;
	}
	#another_state .content ul {
		width: 100%;
		column-count: 3;
		column-gap: 20px;
	}

	#aboutUs {
		margin: 0 0 40px;
	}
	#aboutUs .title span {
		display: none;
	}
	#aboutUs .content {
		padding: 0;
		flex-direction: column;
		gap: 0;
		font-size: 14px;
		line-height: 1.35;
	}
	#aboutUs .content > div {
		width: 100% !important;
	}

	#exclusives .options {
		flex-direction: column;
	}
	#exclusives .option {
		width: 100%;
	}

	.night-mode #btnStartWrp {
		background-color: #151517;
		border-color: #151517;
	}
	.night-mode #btnStartWrp:before {
		background: -webkit-linear-gradient(rgba(21,21,23,0.001),#151517);
	    background: linear-gradient(rgba(21,21,23,0.001),#151517);
	}

	#weKnow {
		flex-direction: column;
		margin: 20px 0 40px;
	}
	#weKnow h3 {
		font-size: 28px;
		line-height: 1.07;
	}
	#weKnow p {
		font-size: 18px;
	}
	#weKnow p label {
		padding: 0 2px;
		border-radius: 4px;
	}

	#partners {
		flex-direction: column;
		margin: 0 0 40px;
		padding: 24px 16px;
		border-radius: 12px;
	}
	#partners h4 {
		margin: 0 0 12px;
		font-size: 18px;
	}
	#partners p {
		font-size: 16px;
		line-height: 1.35;
	}

	#smarterWay {
		margin: 0 0 40px;
	}
	#smarterWay h4 {
		margin: 0 0 12px;
		font-size: 18px;
		line-height: 1.25;
	}
	#smarterWay .cards {
		flex-direction: column;
		gap: 12px;
	}
	#smarterWay .card {
		flex-direction: row;
		gap: 12px;
		padding: 12px;
		border-radius: 12px;
	}
	#smarterWay .card .icon svg {
		flex: 0 0 auto;
    	width: 40px;
    	height: 40px;
	}
	#smarterWay .card .text h5 {
		font-size: 16px;
		line-height: 1.15;
	}
	#smarterWay .card .text p {
		font-size: 14px;
		line-height: 1.25;
	}

    #sources-and-methodology .modal-content-title {
        font-size: 24px;
    }
}

/* REVIEWS */

#reviews {
	margin: 40px 0 60px;
}

#reviews * {
	box-sizing: border-box;
}

#reviews .tns-visually-hidden {
	display: none !important;
}

#reviews .title {
	margin: 0 0 5px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
}

#reviews .subtitle, #reviews .subtitle a {
    line-height: 1;
    font-weight: 400;
    color: #8c8c9a;
    text-decoration: none;
    margin: 0px 0 20px;
    font-size: 16px;
}

#reviews .reviews-wrp {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 24px;
}

#reviews .review {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #fff;
	padding: 20px 16px 16px;
	border-radius: 12px;
}
#reviews .review-wrp {
	position: relative;
	flex-grow: 1;
}
#reviews .review .title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.15;
	color: #000;
	margin: 0 0 12px;
}
#reviews .review .text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: #000;
	margin: 0;
}
#reviews .review .bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 20px;
	gap: 10px;
}
#reviews .review .user {
	display: flex;
	align-items: center;
	gap: 8px;
}
#reviews .review .user-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	background-color: #DDFEDE;
	overflow: clip;
}
#reviews .review .user-img img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
#reviews .review .user-name {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
	white-space: nowrap;
}
#reviews .review .user.check:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3e%3cg clip-path='url(%23clip0_18012_8068)'%3e%3cmask id='mask0_18012_8068' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='15' height='15'%3e%3cpath d='M14.0335 0.957153H0.966797V14.0238H14.0335V0.957153Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_18012_8068)'%3e%3cpath d='M7.50013 14.0238C11.1084 14.0238 14.0335 11.0987 14.0335 7.49049C14.0335 3.88223 11.1084 0.957153 7.50013 0.957153C3.89187 0.957153 0.966797 3.88223 0.966797 7.49049C0.966797 11.0987 3.89187 14.0238 7.50013 14.0238Z' fill='%2300B67A'/%3e%3cpath d='M4.23438 6.83706L6.84771 9.4504L10.7677 5.5304' stroke='white' stroke-width='0.933333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_18012_8068'%3e%3crect width='14' height='14' fill='white' transform='translate(0.5 0.299988)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center / contain no-repeat;
}
#reviews .review .user-loc {
	font-size: 14px;
	line-height: 1;
	color: #4E4E59;
	margin-top: 6px;
}

#reviews .photo .review,
#reviews .video .review {
	position: relative;
	min-height: 400px;
	max-width: 530px;
	padding: 0;
	overflow: hidden;
}

#reviews .review > img,
#reviews .review > video {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}

#reviews .video {
	cursor: pointer;
}
#reviews .video video {
	pointer-events: none;
}
#reviews .video:before {
	content: '';
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 0.7;
    font-size: 16px;
	color: #fff;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z'/%3e%3c/svg%3e") center center / cover no-repeat;
	transition: all .3s;
	z-index: 1;
}
#reviews .video.play:before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z'/%3e%3c/svg%3e");
}
#reviews .video:hover:before {
	transform: scale(1.1);
}
#reviews .video.controls:before {
	display: block;
}
#reviews .video.muted:after {
    content: 'Click to unmute';
	position: absolute;
	bottom: 20px;
	right: 20px;
    display: inline-block;
    width: auto;
    height: 20px;
    opacity: 0.7;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
#reviews .video.muted:before,
#reviews .video:not(.muted):after {
    display: none;
}

@media (min-width: 768px) {
	#reviews .reviews-wrp {
		transform: none !important;
	}
	#reviews .review-wrp {
		width: calc(50% - 12px);
	}
}

@media (min-width: 992px) {
	#reviews .review-wrp {
		width: calc(33.333% - 18px);
	}
}

@media (min-width: 1200px) {
	#reviews .review-wrp {
		width: calc(25% - 18px);
	}
}

@media (max-width: 767px) {
	#reviews {
		margin: 0 0 40px;
	}

	#reviews .title {
		font-size: 22px;
		line-height: 1.25;
		margin: 0 0 12px;
	}

	#reviews .description {
		font-size: 18px;
		margin: 0 0 8px;
	}

	#reviews .tns-inner {
		margin-right: 45px !important;
		margin-left: 0 !important;
	}
	#reviews .tns-ovh {
		overflow: visible !important;
	}

	#reviews .reviews-wrp {
		display: flex;
        flex-wrap: nowrap;
        gap: 0;
		margin-bottom: 24px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		margin: 0 -20px;
	}
	#reviews .review-wrp {
		display: flex;
		width: 330px;
		min-width: 330px;
		max-width: 330px;
		height: auto;
		flex: 0 0 85%;
  		scroll-snap-align: start;
  		padding: 0 0 0 20px;
	}
	#reviews .review-wrp:last-of-type {
		padding-right: 20px;
	}
	#reviews .review-wrp .review {
		width: 100%;
		background-color: #F2F2F7;
	}
	#reviews .video:before {
		right: 45px;
		width: 50px;
		height: 50px;
	}
}


/* trustbar */
#trustbar {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 8px 8px 0 0;
}
#trustbar * {
    font-size: 14px;
    color: #475569;
    line-height: 1;
    white-space: nowrap;
}
#trustbar strong {
    font-weight: 600;
    color: #1e293b;
}
#trustbar .dot {
    color: #cbd5e1;
}

@media (min-width: 767px) and (max-width: 1000px) {
    #trustbar .hide-on-mobile {
        display: none !important
    }
}

@media (max-width: 767px) {
    #trustbar {
        flex-direction: row;
        gap: 6px;
        margin: 0 0 0px -20px;
        padding: 10px 16px;
        background: #f8fafc;
        border-bottom: 1px solid #e2e8f0;
        border-radius: 0;
        width: 110%;
    }
    #trustbar * {
        font-size: 13px;
    }
    #trustbar .dot {
        display: none !important;
    }
}

.pass-rate-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.info-tooltip {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.info-tooltip .tooltip-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background: #1f2937;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
    z-index: 100;
    transition: opacity 0.2s;
}

.info-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #1f2937;
}

.info-tooltip .tooltip-text a {
    color: #FFFFFF !important;
    text-decoration: underline;
}
.info-tooltip .tooltip-text a:hover {
    text-decoration: none;
}

.info-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* ===== Enrichment Block ===== */
/* === Enrichment Block === */

/* Jump Nav */
.enrich-jump-nav{padding:14px 0;position:sticky;top:56px;z-index:90;background:transparent}
.enrich-jump-nav .enrich-nav-inner{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;padding:0 16px}
.enrich-jump-nav .enrich-nav-inner::-webkit-scrollbar{display:none}
.enrich-jump-nav a{flex-shrink:0;padding:7px 18px;border-radius:100px;font-size:14px;font-weight:500;color:#4e4e59;text-decoration:none;background:rgba(255,255,255,.8);border:1px solid #ddd;transition:all .25s;white-space:nowrap;font-family:proxima-nova,sans-serif}
.enrich-jump-nav a:hover{background:#fff;border-color:#bbb;color:#000}
.enrich-jump-nav a.active{background:#4e4e59;color:#fff;border-color:#4e4e59;transform:scale(1)}
/* #4 Pill bounce on active change */
@keyframes pillBounce{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}
.enrich-jump-nav a.just-activated{animation:pillBounce .3s ease}

/* Content area */
.enrich-content{padding:0;margin:0 0 20px}

/* Card */
.enrich-card{background:#fff;border-radius:10px;padding:28px 32px}

/* Section titles */
.enrich-h2{font-size:20px;font-weight:700;color:#000;margin:28px 0 4px;font-family:proxima-nova,sans-serif;line-height:1.4}
.enrich-h2:first-child{margin-top:20px}
.enrich-sub{font-size:14px;color:#8c8c96;margin:0 0 16px;line-height:1.4;font-family:proxima-nova,sans-serif}

.enrich-section{margin-top:32px}

/* #2 Facts staggered fade-in */
@keyframes factIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.enrich-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eaeaea;border:1px solid #eaeaea;border-radius:10px;overflow:hidden}
.enrich-facts .fact{background:#fff;padding:14px 20px;display:flex;align-items:flex-start;gap:12px;opacity:0}
.enrich-facts.in-view .fact{animation:factIn .4s ease both}
.enrich-facts.in-view .fact:nth-child(1){animation-delay:0s}
.enrich-facts.in-view .fact:nth-child(2){animation-delay:.05s}
.enrich-facts.in-view .fact:nth-child(3){animation-delay:.1s}
.enrich-facts.in-view .fact:nth-child(4){animation-delay:.15s}
.enrich-facts.in-view .fact:nth-child(5){animation-delay:.2s}
.enrich-facts.in-view .fact:nth-child(6){animation-delay:.25s}
.enrich-facts.in-view .fact:nth-child(7){animation-delay:.3s}
.enrich-facts.in-view .fact:nth-child(8){animation-delay:.35s}
.enrich-facts.in-view .fact:nth-child(9){animation-delay:.4s}
.enrich-facts.in-view .fact:nth-child(10){animation-delay:.45s}
.enrich-facts.in-view .fact:nth-child(11){animation-delay:.5s}
.enrich-facts.in-view .fact:nth-child(12){animation-delay:.55s}
.enrich-facts.in-view .fact:nth-child(13){animation-delay:.6s}
.enrich-facts .fact{transition:background .2s}
.enrich-facts .fact:hover{background:#f9fbff}
.enrich-facts .fact-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-top:10px;background:#f2f7ff;border-radius:8px;transition:transform .2s,background .2s}
.enrich-facts .fact:hover .fact-icon{transform:scale(1.1);background:#e8f0ff}
.enrich-facts .fact-icon svg{width:20px;height:20px}
.enrich-facts .fact-body{flex:1;min-width:0}
.enrich-facts .fact-label{font-size:11px;color:#8c8c96;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:proxima-nova,sans-serif}
.enrich-facts .fact-value{font-size:16px;font-weight:600;color:#000;margin-top:3px;font-family:proxima-nova,sans-serif}
.enrich-facts .fact-value a{color:#0066FF;text-decoration:none}
.enrich-facts .fact-value a:hover{text-decoration:underline}
.enrich-facts .fact-full{grid-column:1/-1}

/* Topics */
.enrich-topic{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;padding:12px;border-radius:10px;border-left:3px solid transparent;transition:background .2s,border-color .2s}
.enrich-topic:hover{background:#fafafa;border-left-color:currentColor}
.enrich-topic:hover .enrich-topic-rank{transform:scale(1.08)}
.enrich-topic-rank{flex-shrink:0;width:48px;height:48px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;line-height:1;transition:transform .2s}
.enrich-topic-rank .pct{font-size:17px;font-family:proxima-nova,sans-serif;font-variant-numeric:tabular-nums}
.enrich-topic-rank .lbl{font-size:9px;color:#8c8c96;font-weight:600;text-transform:uppercase;margin-top:2px;letter-spacing:.03em}
.enrich-topic-rank.high{background:#fff0f0}.enrich-topic-rank.high .pct{color:#dc2626}
.enrich-topic-rank.mid{background:#fff7ed}.enrich-topic-rank.mid .pct{color:#d97706}
.enrich-topic-rank.low{background:#fefce8}.enrich-topic-rank.low .pct{color:#b59410}
.enrich-topic-name{font-size:16px;font-weight:600;color:#000;margin-bottom:4px;font-family:proxima-nova,sans-serif}
.enrich-topic-text{font-size:16px;color:#4e4e59;line-height:1.4;font-family:proxima-nova,sans-serif}

/* #5 Score Distribution Bars */
.enrich-score-bars{margin:0;font-family:proxima-nova,sans-serif}
.enrich-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.enrich-bar-label{font-size:13px;color:#8c8c96;width:52px;text-align:right;flex-shrink:0;font-weight:500}
.enrich-bar-track{flex:1;height:24px;background:#f0f0f2;border-radius:6px;overflow:hidden;position:relative}
.enrich-bar-fill{height:100%;border-radius:6px;width:0;transition:width 1s ease}
.enrich-score-bars.in-view .enrich-bar-fill{/* width set via inline style */}
.enrich-bar-fill.tier-90{background:linear-gradient(90deg,#34c759,#30b350)}
.enrich-bar-fill.tier-80{background:linear-gradient(90deg,#5ac8fa,#32ade6)}
.enrich-bar-fill.tier-70{background:linear-gradient(90deg,#ffd60a,#f0c800)}
.enrich-bar-fill.tier-60{background:linear-gradient(90deg,#ff9f0a,#e88d00)}
.enrich-bar-fill.tier-below{background:linear-gradient(90deg,#ff6b6b,#e84040)}
.enrich-bar-pct{font-size:13px;font-weight:600;color:#000;width:36px;flex-shrink:0;font-variant-numeric:tabular-nums}

/* State Rules */
@keyframes ruleLine{from{width:0}to{width:100%}}
.enrich-rule{margin-bottom:22px;padding-bottom:22px;border-bottom:none;position:relative}
.enrich-rule:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.enrich-rule::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:0;background:#eaeaea}
.enrich-card.rules-in-view .enrich-rule::after{animation:ruleLine .6s ease forwards}
.enrich-card.rules-in-view .enrich-rule:nth-child(1)::after{animation-delay:.1s}
.enrich-card.rules-in-view .enrich-rule:nth-child(2)::after{animation-delay:.3s}
.enrich-card.rules-in-view .enrich-rule:nth-child(3)::after{animation-delay:.5s}
.enrich-rule:last-child::after{display:none}
.enrich-rule-name{font-size:16px;font-weight:600;color:#000;margin-bottom:4px;font-family:proxima-nova,sans-serif}
.enrich-rule-text{font-size:16px;color:#4e4e59;line-height:1.4;font-family:proxima-nova,sans-serif}

/* #3 Social Proof countUp */
.enrich-social{margin-top:20px;padding:20px;background:#f0f5ff;border-radius:10px;text-align:center;font-size:16px;color:#4e4e59;font-family:proxima-nova,sans-serif}
.enrich-social .big{font-size:28px;font-weight:700;color:#0066FF;display:block;margin-bottom:2px;font-variant-numeric:tabular-nums}

.enrich-updated{font-size:12px;color:#aeaeb2;margin-top:14px;font-family:proxima-nova,sans-serif}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
    .enrich-facts .fact{opacity:1;animation:none!important}
    .enrich-bar-fill{transition:none!important}
    .enrich-jump-nav a.just-activated{animation:none!important}
    .enrich-card.rules-in-view .enrich-rule::after{animation:none!important;width:100%}
    .enrich-topic:hover .enrich-topic-rank{transform:none!important}
    .enrich-facts .fact:hover .fact-icon{transform:none!important}
}

@media(max-width:600px){
    .enrich-facts{grid-template-columns:1fr}
    .enrich-jump-nav{top:48px}
    .enrich-jump-nav .enrich-nav-inner{justify-content:flex-start}
    .enrich-card{padding:20px 16px}
    .enrich-topic{gap:12px}
    .enrich-topic-rank{width:42px;height:42px}
    .enrich-topic-rank .pct{font-size:15px}
    .enrich-facts .fact{padding:12px 16px}
    .enrich-bar-label{width:44px;font-size:12px}
    .enrich-bar-pct{width:32px;font-size:12px}
    .enrich-social .big{font-size:24px}
}

/* ===== Footer ===== */
#footer {
	background-color: #000;
	color: #8C8C9A;
	font-size: 14px;
	line-height: 1.35;
    font-family: "proxima-nova", sans-serif;
    -webkit-font-smoothing: initial;
}
#footer a {
	color: #8C8C9A;
	text-decoration: none;
}
@media (min-width: 1318px) {
    .sidebar-open #footer {
        padding-right: 350px;
    }
}
#footer > .container {
	max-width: 960px;
	margin: 0 auto;
	padding: 32px 15px;
    box-sizing: border-box;
}
.footer-nav dl {
	margin: 0;
	padding: 0 10px;
}
.footer-nav dl:first-of-type {
	padding-left: 0;
}
.footer-nav dl:last-of-type {
	padding-right: 0;
}
.footer-nav .col-6 {
	display: flex;
	flex-direction: column;
}
.footer-nav .col-6 p {
	max-width: 415px;
	margin: 10px 0 20px;
}
.footer-nav dt {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 8px;
	text-transform: none;
	letter-spacing: 0;
}
.footer-nav dd {
	margin: 0 0 8px !important;
}
.footer-nav dd a {
	text-decoration: none;
	color: inherit;
}
#footer #logo-footer {
	display: block;
    width: 180px;
    height: 40px;
    margin: -8px 0 0;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    background-image: url('/img/dt-small.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    opacity: 1;
}
.is_premium #footer #logo-footer {
	background-image: url('/img/dt-premium-small-night-fill.svg');
}
.logo-wrapper {
	display: flex;
	align-items: flex-start;
}
.logo-wrapper #hCurrentState-footer {
    float: left;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 0 0 5px;
    display: inline-block;
    background-color: #007AFF;
	color: #F2F3F7;
    font-weight: 700;
    padding: 3px 6px 2px;
    border-radius: 3px;
    line-height: 1.35;
    letter-spacing: .8px;
    text-decoration: none;
}
.logo-wrapper #hCurrentState-footer:empty {
	display: none
}
#footer .app-btns {
	flex-grow: 1;
}
#footer .btn-app-store, #footer .btn-google-play {
    display: inline-block;
    margin: 8px 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    text-indent: -999px;
    /* opacity: .6; */
    transition: opacity .3s;
}
#footer .btn-app-store {
	width: 135px;
    height: 40px;
	background-image: url('/img/download-on-the-appstore.svg');
	margin-right: 11px;
}
#footer .btn-google-play {
	width: 135px;
    height: 40px;
	background-image: url('/img/get-it-on-google-play.svg');
}
#footer .btn-app-store:hover, 
#footer .btn-google-play:hover {
    opacity: 1;
}

#footer .footer-help {
	display: inline-flex;
    align-items: center;
    gap: 4px;
	margin-left: 20px;
	white-space: nowrap;
}

#footer .footer-nav {
	padding-bottom: 10px;
	position: relative;
	border: none;
}

#footer .footer-top {
	border-bottom: 1px solid rgba(133, 133, 149, 0.20);
	margin-bottom: 20px;
	align-items: center;
    font-size: 12px;
}
#footer .footer-top .col-10 {
	margin: 0;
}
#footer .footer-top .col-10 p {
	margin: 3px 0 20px;
}
.footer-top .col-2 {
	text-align: right;
	margin: 3px 0 20px;
}
.share-buttons dd {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
.share-buttons a {
    line-height: 1;
}
#footer .footer-top dd {
	margin: 0;
}
.footer-lower {
	padding-top: 20px;
	align-items: flex-start;
    font-size: 12px;
}
.footer-lower-copyright {
	padding: 0 10px;
}
.footer-lower-copyright .footer-disclaimer {
	margin: 0 0 6px;
	opacity: 0.7;
}
.footer-lower-copyright .footer-copyright {
	opacity: 0.7;
}
.footer-lower dl {
	margin: 0;
	padding: 0 10px;
}
.footer-lower dl:first-of-type {
	padding-left: 0;
}
.footer-lower dl:last-of-type {
	padding-right: 0;
}
.footer-lower dd {
	margin: 0;
}
.footer-lower .share-btn {
	display: inline-block;
	width: 24px;
	height: 24px;
    line-height: 1;
	/*opacity: 0.7;*/
}
.footer-lower .share-btn:first-of-type {
	margin-right: 20px;
}
.footer-lower .share-btn:hover {
	opacity: 1;
}

.cols-row {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
.cols-row>* {
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    box-sizing: border-box;
}
.col-3 {
    flex-basis: 25%;
    -ms-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    max-width: 25%;
}
.col-4 {
    flex-basis: 33.33%;
    -ms-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    -webkit-flex-basis: 33.33%;
    max-width: 33.33%;
}
.col-6 {
    flex-basis: 50%;
    -ms-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    max-width: 50%;
}
.col-9 {
    flex-basis: 75%;
    -ms-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    max-width: 75%;
}
.col-10 {
	 flex-basis: 83.33%;
    -ms-flex-basis: 83.33%;
    -ms-flex-preferred-size: 83.33%;
    -webkit-flex-basis: 83.33%;
    max-width: 83.33%;
}
.col-2 {
	 flex-basis: 16.66%;
    -ms-flex-basis: 16.66%;
    -ms-flex-preferred-size: 16.66%;
    -webkit-flex-basis: 16.66%;
    max-width: 16.66%;
}

.footer-ee-network dd {
	float: left;
	margin-right: 19px !important;
}
.footer-ee-network dd a {
	font-weight: normal;
	font-style: normal;
	text-transform: lowercase;
	font-size: 18px;
}
.footer-nav dl.footer-ee-network {
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid rgba(133, 133, 149, 0.20);
	border-bottom: 1px solid rgba(133, 133, 149, 0.20);
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.footer-nav dl.footer-ee-network>dt {
	width: 100%;
}

#footer p {
	padding-left: 0;
}

#footer .footer-top > dl:first-child {
	padding-left: 0;
}

#footer .mailto {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#footer .law-info {
    display: flex;
    gap: 20px;
    justify-content: end;
}

@media (max-width: 767px) {
    #footer {
        font-size: 12px;
    }
    #footer > .container {
        padding: 20px 15px 30px;
    }
	#footer .footer-top {
		justify-content: space-between;
		margin: 0 5px 20px;
	}
	#footer .footer-top > dl {
        flex-basis: 100%;
        -ms-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
    }
	#footer .footer-top > dl:first-child {
		padding: 0;
	}
	#footer .footer-top > dl:last-child {
		flex: 0 0 auto;
	}
    #footer .share-buttons {
        margin-top: 0;
    }
    #footer .share-buttons svg {
        height: 22px;
        width: 22px;
    }
	#footer .footer-top > dl:last-child dd {
		justify-content: start;
	}
	#footer .footer-top > dl:last-child dd a {
		margin: 0;
        height: 22px;
	}
    #footer .footer-top .col-10 p {
        margin: 0 0 12px;
    }
	#footer .footer-nav {
        width: 100%;
		padding-top: 5px;
        margin: 0 -5px;
	}
	#footer .footer-nav .col-6{
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	#footer .footer-nav .col-3,
	#footer .footer-nav .col-4 {
		width: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	#footer .footer-help {
		margin: 30px 0 40px;
	}
	#footer .footer-lower .col-3 {
		width: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	#footer .footer-lower .col-3:last-of-type{
		margin-left: auto;
	}
    .footer-nav dt {
        font-size: 16px;
        line-height: 1.35;
    }
	#footer .footer-nav dl:first-of-type {
		padding-left: 10px;
	}
	#footer .footer-nav dl:nth-of-type(3) {
		margin-top: 20px;
	}
	#footer .footer-nav dl.footer-ee-network {
		margin: 10px 10px 0;
        padding-top: 20px;
		width: calc(100% - 20px);
	}
	#footer .footer-lower {
		margin-top: 0;
		flex-wrap: wrap;
	}
	#footer .footer-lower > * {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		-webkit-flex-basis: 100% !important;
	}
	#footer .footer-lower .logo-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		margin-bottom: 16px;
	}
	#footer .footer-help {
		margin: 0;
	}
	#footer .footer-help svg.icon-footer-help {
		margin-top: -3px;
	}
	#footer #logo-footer {
		margin-left: 0;
	}
}
