.header nav ul{max-width: 100%;justify-content: space-around}
.header nav ul li a{font-size: 16px}
.main_with_bg p{margin-top: 24px;text-align: justify}
.main_with_bg h4{margin-top: 0px}
.main_with_bg h4:first-child{color: var(--orange-text)}
.main_with_bg h4:nth-child(3){text-align: right;margin-top: 48px}
.main_center h4{text-align: center;margin: 48px 0}
.inner_intro_text ul{margin-top: 24px;color: var(--blue-text)}
.inner_intro_text ul li{list-style-type: disc;list-style-position: inside;font-size: 20px;font-weight: 500;line-height: 1.4;}
.inner_box.with_bg{background: linear-gradient(360deg, #259DD5 0%, #66BAE2 100%);}
.inner_box.with_bg h4{text-align: center;color: #fff}
.inner_box.with_bg p{text-align: center;color: #fff;}
.inner_box.with_bg .btn_group{text-align: center;color: #fff;justify-content: center;}
.inner_box.with_bg .btn_group a{background: linear-gradient(0deg, #E3E3E3 0%, #FFFFFF 100%);color: var(--blue-text)}
.comp_toolkit_desc{margin-top: 24px}
.comp_toolkit_desc p{ color: var(--blue-text);font-size: 20px;font-weight: 600}
.comp_toolkit_desc p span{color: var(--blue-text);}
.comp_toolkit_desc p span i{font-style: normal; color: var(--orange-text);}

.report_inner_wr{display: flex;justify-content: space-between;align-items: center}
.report_inner_wr > *{width: 50%}

.product_inner_block{margin-top: 48px}
.product_inner_items{display: flex;justify-content: space-between}
.product_inner_items > div:first-child{width: 240px;display: flex;align-items: center;justify-content: center}
.product_inner_items > div:first-child p{color: var(--blue-text);text-align: center;font-size: 20px;font-weight: 700}
.product_inner_items > div:last-child{width: calc(100% - 300px)}

.inner_box h4 span{color: var(--blue-text);}
.inner_box h4 span i{font-style: normal; color: var(--orange-text);}
.ab_product{display: flex;justify-content: space-between}
.ab_product p{margin-top: 20px}
.ab_product ul{margin-top: 20px}
.ab_product ul li{list-style-type: disc;list-style-position: inside}
.mobile{display: none}

.login_page{display: flex;align-items: center;justify-content: space-between}
.login_page > *{width: calc(50% - 20px)}
.login_page_left h4{text-align: center;color: #000;font-size: 32px}
.login_page_right .input + .input{margin-top: 24px}
.login_page_right .input input{margin-top: 8px}
.login_page_right h4{margin-bottom: 24px;font-weight: 700}
.login_page_left img{margin-top: 32px}
.main_with_bg_wrapper{position: relative;padding: 40px 0}
.main_with_bg_wrapper:before{background: url("/new_hub/img/bg_fr.png") no-repeat 50% 50% / 100% 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.2;content: ''}
@media (max-width: 780px) {
    .login_page{flex-wrap: wrap}
    .login_page > *{width: 100%}
    .login_page > *:nth-child(2){margin-top: 24px}
    .login_page_left img{margin: 24px auto 0}
    .login_page_left h4{font-size: 16px}
    .login_page_right h4{font-size: 16px}
}
@media (max-width: 641px) {
    .main_with_bg_wrapper:before{transform: scaleX(-1)}
    .main_with_bg h4{text-align: center}
    .main_with_bg h4:nth-child(3){text-align: center}
    .inner_intro_text ul li{font-size: 12px}
    .report_inner_wr{flex-wrap: wrap}
    .report_inner_wr div{width: 100%;}
    .report_inner_wr > div:last-child{display: none}
    .comp_toolkit_desc{text-align: center}
    .product_inner_items{flex-wrap: wrap}
    .product_inner_items > *{width: 100%}
    .product_inner_items > div:first-child{width: 100%}
    .product_inner_items > div:last-child{width: 100%;margin-top: 24px}
    .ab_product{flex-wrap: wrap}
    .ab_product > *{width: 100%;}
    .ab_product ul li{font-size: 12px}
    .ab_product .report_inner_item{min-height: 300px;margin-top: 24px}
    .product_inner_items > .inner_box:first-child{background: linear-gradient(360deg, #259DD5 0%, #66BAE2 100%);padding: 16px 24px;font-size: 14px}
    .product_inner_items > .inner_box:first-child p{color: #fff}
    .comp_report_inner{text-align: center}
    .mobile{display: block}
    .report_lang_list p{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center}
    .report_lang_list p span{display: inline-flex;margin: 0}
}



.mt-2{margin-top: 20px}
.timer_block{display: flex;align-items: center;justify-content: space-between}
.timer_block > div:last-child{margin-left: 30px;flex: 1 1 auto}
.timer{padding-top: 0;color: var(--blue-text)}
.single_question{display: flex;align-items: center;justify-content: space-between}
.single_question > span{padding-right: 20px;color: var(--blue-text)}
.single_question > div{padding-left: 20px;border-left: 1px solid #ccc;flex: 1 1 auto}
.single_question > div p:first-child{text-align: center;font-weight: 400}
.single_question > div p:nth-child(2){display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}

.single_question > div p:nth-child(1) span{display: none}
.single_question > div p:nth-child(2) span{color: var(--blue-text);width: 33.3%}
.single_question > div p:nth-child(2) span:nth-child(2){text-align: center}
.single_question > div p:nth-child(2) span:nth-child(3){text-align: right}
.single_question > div p:nth-child(3){display: none;justify-content: space-between;align-items: center;margin-top: 10px}
.single_question > div p:nth-child(3) span{color: var(--blue-text);width: 33.3%}
.single_question > div p:nth-child(3) span:nth-child(2){text-align: center}
.single_question > div p:nth-child(3) span:nth-child(3){text-align: right}

.radios{display: flex;justify-content: space-between;align-items: center;margin-top: 10px}

.single_checkbox .checkbox {cursor: pointer; display: block; position: relative; width: 32px; height: 32px; box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.08); border-radius: 5px; margin: auto;}
.single_checkbox input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
.single_checkbox input:checked ~ span { background: linear-gradient(180deg, #42A2DA 0%, rgba(66, 162, 218, 0.57) 100%);border-radius: 50%;position: absolute;top: 0;left: 0;margin: auto;width: 16px;height: 16px;right: 0;bottom: 0;}
.single_question_active{border: 5px solid var(--blue-text)}
.progress_box{display: flex;justify-content: space-between;}
.progress_box >div{flex: 1 1 auto;margin-left: 30px;height: 24px;border-radius: 16px; overflow: hidden;position: relative; box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.08);}
.progress_box >div span{position: absolute;top: 0;left: 0;height:100%;background: linear-gradient(180deg, #42A2DA 0%, rgba(66, 162, 218, 0.57) 100%)}

.header,.inner_box_fs{background: #fff}
header{position: sticky;top:0px;z-index: 111;}
.sticky_event_page_block{position: sticky;top:90px;z-index: 111;padding: 20px 0;}
button.btn:disabled{background: #d9d9d9}

@media (max-width: 641px) {
    .single_question > span{display: none}
    .single_question > div p:nth-child(1) span{display: inline-block;color: var(--blue-text);}
    .single_question > div{padding-left: 0;border-left: none}
    .single_question > div p:nth-child(2){display: none}
    .single_question > div p:nth-child(3){display: flex}
    .sticky_event_page_block{position: sticky;top:50px;z-index: 111;padding: 20px 0;}
}