.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}
}

.header,.inner_box_fs{background: #fff}
header{position: sticky;top:5px;z-index: 111}
.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)}

.mt-20{margin-top: 20px}
.text > p{margin-top: 10px}

@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}
}

.list_ul{padding-left: 10px;margin-top: 10px}
.list_ul li{font-weight: 400;font-size: 16px;list-style-position: inside;list-style-type: disc;}


.front_new_hub_block{margin: 80px 0}
.front_new_hub_inner h1{color: var(--blue-text);font-size: 48px;text-align: center;line-height: 1.2;max-width: 1000px;margin: 0 auto}
.front_new_hub_inner p{font-size: 30px;text-align: center;line-height: 1.2;font-weight: 400;margin-top: 24px}
.front_numbers_block{max-width: 1100px;margin: 40px auto 0;display: flex;justify-content: space-between;align-items: center}
.front_number_block p{font-size: 24px;}
.front_number_block:nth-child(3) p{font-size: 32px;color: var(--blue-text);font-weight: 600;}
.front_number_block .inner_box{text-align: center;min-width: 156px}
.front_number_block .inner_box p{font-size: 36px;margin: 0;font-weight: 700}
.front_number_block:nth-child(3) .inner_box{background: linear-gradient(0deg, #259DD5 0%, #66BAE2 100%);}
.front_number_block:nth-child(3) .inner_box p{font-size: 48px;color: #fff;}
.front_number_block:nth-child(1) .inner_box p{background: linear-gradient(0deg, #F3792A 0%, #EBA97C 100%);color: transparent;background-clip: text;}
.front_number_block:nth-child(2) .inner_box p{background: linear-gradient(180deg, #F1CF77 0%, #EBBB3D 100%);color: transparent;background-clip: text;}
.front_number_block:nth-child(4) .inner_box p{background: linear-gradient(180deg, #75C188 0%, #3AA756 100%);color: transparent;background-clip: text;}
.front_number_block:nth-child(5) .inner_box p{background: linear-gradient(180deg, #9E96BD 0%, #7569A1 100%);color: transparent;background-clip: text;}
.front_new_hub_inner ul{display: flex;justify-content: center;margin-top: 70px}
.front_new_hub_inner ul.last_ul{margin-top: 10px}
.front_new_hub_inner ul li{width: 50%;font-size: 18px;font-weight: 500;text-align: center}
.front_new_hub_inner ul.last_ul li{width: 100%;}
.front_new_hub_inner ul li:before{content: '•';color: var(--blue-text) }
.front_btns{display: flex;align-items: center;justify-content: space-between;margin-top: 72px}
.front_btns > *{width: 40%;min-height: 65px;border-radius: 65px!important;}
@media (max-width: 1050px) {
    .front_number_block .inner_box{min-width: 100px;font-size: 20px}
    .front_number_block .inner_box > p{font-size: 20px}
    .front_number_block:nth-child(3) p{font-size: 24px}
    .front_number_block:nth-child(3) .inner_box p{font-size: 32px;}
}
@media (max-width: 900px) {
    .front_number_block:nth-child(3){display: none}
    .front_number_block > p{margin-top: 16px;font-size: 16px}
}
@media (max-width: 641px) {
    .front_new_hub_block{margin: 20px 0}
    .front_new_hub_inner h1{font-size: 20px}
    .front_new_hub_inner p{font-size: 16px}
    .front_numbers_block{margin: 36px auto 0;flex-wrap: wrap}
    .front_number_block{width: 45%}


    .front_number_block:nth-child(n+3){margin-top: 16px}
    .front_new_hub_inner ul{margin-top: 36px}
    .front_new_hub_inner ul li{font-size: 14px;width: 48%}
    .front_btns{margin-top: 36px}
    .front_btns > *{min-height: 25px;border-radius: 25px!important;}
}