@charset "UTF-8";
html { height: 100%;}
body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; display: flex; flex-direction: column; font-size: 16px; font-weight: normal; font-family: 'Roboto Flex', serif; line-height: 1.35; color: var(--body-text); background-color: #FEFEFE; min-width: 320px; margin: unset; overflow-x: hidden}
input:focus-visible { outline: unset;}
a { color: inherit; text-decoration: unset; transition: all .3s ease-out}
a:hover { color: var(--second-company-text);text-decoration: none;}
p { margin: unset; margin-bottom: 15px;}
p:last-child { margin-bottom: unset;}
.h1 { font-size: 40px; font-weight: 600; margin: 0 0 24px}
.to_top { position: fixed; bottom: 30px; left: 50px; width: 38px; height: 38px; border: 1px solid #5A77D9; border-radius: 5px; opacity: 0; visibility: hidden; z-index: 10; transition: .5s; overflow: hidden; cursor: pointer; color: #5A77D9}
.to_top.show { opacity: 1; visibility: visible;}
.to_top svg { transition: .3s;}
.lazy { opacity: 0; transition: opacity 0.5s ease;}
.lazy-loaded {  opacity: 1;}
.placeholder {  opacity: 1;}
.hs_header { position: sticky; top: 0; background-color: #FEFEFE; z-index: 99;  box-shadow: 0px 5px 20px 1px #0016420F}
.hs_header_right_section {gap: 30px;}
.hs_read_more { gap: 10px; color: var(--second-company-text); font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase;transition: .5s; line-height: 1.2}
.da_btn { width: fit-content; height: 50px; cursor: pointer; border: 1px solid; box-sizing: border-box; border-radius: 5px; transition: 0.3s; font-weight: 400; text-decoration: unset; text-align: center; padding: 0 40px}
.hs_main_btn, .callback, .block__more { width: 100%; height: 50px; cursor: pointer; border: 1px solid; box-sizing: border-box; border-radius: 5px; transition: 0.3s; font-weight: 400; text-decoration: unset; text-align: center; background: linear-gradient(90.18deg, #281470 4.4%, #522DD4 106.3%); transition: all .3s ease-out; border: none; color: #fff; font-size: 16px; font-family: inherit; position: relative; overflow: hidden}
.hs_main_btn span, .callback span, .block__more span { position: relative; z-index: 10}
.hs_main_btn::before { content: ""; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90.04deg, #4527B0 4.25%, #7550F6 110.97%); transition: opacity 0.3s ease-in-out; z-index: 0;}
.callback, .block__more { justify-content: center; background: #2915721A; border: 1px solid #291571; color: #291571;}
.callback::before, .block__more::before { content: ""; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%;height: 100%;background: linear-gradient(90.04deg, #4527B0 4.25%, #7550F6 110.97%); transition: opacity 0.3s ease-in-out; z-index: 0;}
.block__more {margin: 40px auto 0;width: fit-content; padding: 0 60px;}
.da_transparent_btn { border: none; color: #FEFEFE; background: linear-gradient(90deg, #7694FC 7.6%, #673CFF 100%); transition: all .3s ease-out; position: relative; overflow: hidden}
.da_transparent_btn span { position: relative;  z-index: 10}
.da_transparent_btn:hover { color: #fff;}
.hs_download_btn { color: #FEFEFE; background-color: #3E7F00; border-color: #3E7F00; gap: 3px; padding: 0 22px; width: unset;}
.hs_btn_alt { border-color: #007BC1; color: #007BC1;}
.header_call, .about_main_btn { color: var(--second-company-text); gap: 8px; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; transition: all .3s ease-out}
.header_call svg, .about_main_btn svg{ height: 24px; width: 24px}
.header_call:hover, .header_call a:hover, .about_main_btn:hover, .about_main_btn a:hover { color: #281470}
.about_main_btn { padding-top: 30px}
.search_form_wrapper { position: relative;}
.search_input { width: 100%; height: 50px; padding: 14px 20px;border: unset; border-radius: 5px; color: #9F9F9F; font-size: 16px; background: #F5F7FA; border: 1px solid #D9DFE5; box-sizing: border-box; z-index: 10}
.active_search .search_input { border-bottom: unset; border-radius: 5px 5px 0 0;}
.search_input::placeholder { color: #A5A5A5;}
.hs_search_btn { position: absolute;  right: 15px;}
.search_form_wrapper {  position: relative;  height: 50px;  min-width: 310px;}
.search_form_inner {  width: 100%;  border-radius: 5px; background: #FEFEFE;  transition: .3s;}
.search_form_inner.active_search {  border-bottom: unset;  border-radius: 5px 5px 0 0;}
.autocomplete-suggestions { display: flex; flex-direction: column; gap: 15px;  width: 100% !important;  padding: 12px 20px 20px;  box-sizing: border-box;  background-color: #fff;  box-shadow: 0px 10px 25px 0px #00304C2B; border: 1px solid #E7ECF1; border-top: unset; border-radius: 0px 0px 5px 5px; z-index: 100 !important;  left: 0px;}
.form__placeholder { font-size: 14px; font-weight: 400; color: #595959;}
.i_active_search { display: none;}
.active_search .i_active_search {display: block;}
.active_search .i_close_search { display: none;}
.header_menu { display: flex; align-items: center;justify-content: space-between; padding: unset; margin: unset; list-style: none;}
.header_menu_eventer { gap: 7px; cursor: pointer;}
.header_menu_eventer_dropdown svg { color: var(--second-company-text);}
.header_menu_level_1 .header_menu_item_1{    margin: 0;height: 100%;flex-grow: 1;cursor: pointer;position: relative;}
.header_menu_item_link_wrapper {  gap: 10px;    padding: 0 24px;}
.header_menu_item_link { font-size: 16px; text-decoration: unset; color: var(--body-text); transition: .3s; padding: 40px 0}
.header_menu_level_2 .header_menu_item_link { padding: 0; width: 100%}
.header_menu_level_2 .header_menu_item_2 .header_menu_item_link {
    margin-bottom: 10px;
}
.header_menu_eventer_dropdown {  transition: .3s;}
.header_menu_level_2 li, .header_menu_level_2 .header_menu_item_link_wrapper { width: 100%}
.header_menu_item_2.header_menu_grid {width: auto;  break-inside: avoid-column;    margin-bottom: 20px;}
/* .header_menu_level_2 {display: none; position: absolute; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; row-gap: 35px; top: 92%; left: calc(28% - 10px); width: fit-content; max-height: calc(100dvh - 120px); padding: 20px 30px;box-sizing: border-box; background-color: #FEFEFE; border: 1px solid #E8EFF8; z-index: 99; border-radius: 10px; box-shadow: 0px 7px 20px 0px #001D582B; flex-direction: column;} */
/* .header_menu_item_1:first-child .header_menu_level_2 { left: calc(31% - 20px);  row-gap: 20px} */
.header_menu_level_2 {
    width: max-content;
    /* display: block; */
    display: none;
    position: absolute;
    row-gap: 16px;
    top: 92%;
    padding: 20px 30px 10px 30px;
    box-sizing: border-box;
    background-color: #FEFEFE;
    border: 1px solid #E8EFF8;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0px 7px 20px 0px #001D582B;
    width: max-content;
    left: 50%;
    transform: translate(-50%, 0px);
    background: #fff;
    max-height: calc(100dvh - 120px);
    
}
.header_menu_item_link.header_cat_main {
    margin-bottom: 0 !important;
}


.header_menu_level_3.header_menu { flex-direction: column; align-items: flex-start; gap: 16px;}
.header_menu_level_2.header_menu_cat {columns: 2;}
.header_menu_grid { flex-direction: column; align-items: flex-start; gap: 10px}
.hs_header_languages { position: absolute; right: 17px; top: calc(100% + 15px); font-size: 16px; font-weight: 400; color: #fff; text-transform: capitalize; gap: 20px; transition: .3s;}
.hs_header_languages:after { content: ''; width: 4px; height: 100%; background-color: #E7ECF1; position: absolute;left: calc(100% + 10px);}
.hs_header_lang_item { position: relative; width: 22px; height: 22px;  padding: 5px 0;}
a.hs_header_lang_item { cursor: pointer;}
.hs_header_lang_item.active_lang { font-weight: 600;  color: #007BC1;}
.hs_header_lang_item.active_lang:after { content: ''; width: 4px; height: 100%; position: absolute; left: calc(100% + 10px); background-color: #007BC1; z-index: 1;}
.hs_header_languages.scrolled_header { opacity: 0;  pointer-events: none;}
footer {  background-color: #170A47;  color: #FEFEFE;}
.footer_inner { padding: 70px 0; gap: 40px;}
.footer_copyright_wrapper { padding: 20px 0; background-color: #0B0032; color: #B9B5C8; font-size: 14px;}
.hs_footer_dev {  color: #FEFEFE99;}
.hs_footer_dev a { color: #FEFEFE; transition: all .3s ease-out}
.hs_footer_dev a:hover { color: var(--second-company-text); text-decoration: none;}
.footer_desc { color: #B9B5C8; font-size: 14px; font-weight: 400; max-width: 270px;}
.footer_social {  margin: 40px 0px 0px ;  gap: 30px;}
.footer_logo { margin-bottom: 40px;}
.social_item_bg { transition: .3s;}
.hs_footer_contacts .hs_btn { margin-top: 50px; width: 298px; max-width: 100%;}
.hs_footer_menus { gap: 40px; width: 1140px; max-width: 100%;}
.hs_footer_menus_grid { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 40px; column-gap: 40px;}
.hs_menu_footer {  gap: 25px;}
.hs_footer_menu_ttl { font-size: 20px; font-weight: 600; color: #B9B5C8}
.contact_mini_title {  margin-bottom: 10px}
.footer__contact_item { line-height: 1.6;}
.footer_social_item svg { color: #5A77D9; border-radius: 8px;}
.footer_social_item:hover { opacity: 0.6}
.hs_menu_footer svg { margin-right: 12px}
.hs_menu_footer .menu_group__list { margin: unset; padding: unset; list-style: none; display: flex; flex-direction: column; gap: 15px; max-width: 300px;}
:focus { outline: unset;}
.form_group { display: flex; flex-direction: column; position: relative; padding-bottom: 15px;}
.form_input { font-family: 'Open Sans', sans-serif; height: 50px; box-sizing: border-box; padding: 5px 15px;}
.form_input::placeholder,.form_textarea::placeholder { color: #A5A5A5; font-family: 'Open Sans', sans-serif;}
.form_input_transparent { border: 1px solid #EAECF3; border-radius: 10px;  background-color: #F6F6F6;}
.form_textarea { font-family: 'Open Sans', sans-serif;  border: 1px solid #EAECF3; border-radius: 6px; padding: 10px 15px; resize: vertical; background-color: #F6F6F6;}
/* .form_textarea:focus { outline: unset; border: 1px solid #002338} */
select.error+.error, .form_input+.error, .form_textarea+.error { padding: 0 15px; font-size: 11px; font-weight: 400;  color: #EA4545; margin-top: 1px; position: absolute; bottom: -1px;}
.form_input.error, .form_textarea.error { border-color: #EA4545;}
select.error+label+.select2-container--default .select2-selection--single { border-color: #EA4545;}
.message_error { background-color: #EA4545; border: 1px solid #BCC6D1;padding: 10px; border-radius: 4px; color: #fff; font-weight: 500;}
.select2-container--default .select2-selection--single .select2-selection__arrow {display: flex; align-items: center; justify-content: center; width: 24px;height: 24px; right: 20px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: block;width: 11px;height: 11px;border: 4px solid #007BC1;border-radius: 2px;border-left: unset;border-bottom: unset;transform: rotate(135deg); margin-bottom: 6px; position: relative;left: unset;top: unset;margin-left: unset; margin-top: unset;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #007BC1; border-width: 4px; transform: rotate(-45deg); margin-bottom: -6px;}
.select2-dropdown { border-radius: 5px; border: 1px solid #E7ECF1;}
.select2-results__option {padding-left: 15px;cursor: pointer;}
.select2-results__option--highlighted {background: #f4f7f9;}
.hs_page_header { position: relative; background-attachment: fixed;}
.hs_page_header>* { position: relative; z-index: 2;}
.hs_page_header:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  z-index: 1; background-color: #000512CC;}
.hs_page_header_inner { min-height: 330px; width: 100%; padding: 60px 0; box-sizing: border-box;}
.hs_page_header_h1 { font-family: Manrope; font-size: 70px; font-weight: 700; text-align: center; color: #FEFEFE;}
.breadcrumbs { width: 100%; border: none; padding: 0 3px; background: transparent; list-style: none;  padding: 10px 0; color: var(--body-text); overflow: auto;  flex-wrap: nowrap;}
.breadcrumbs li { white-space: nowrap;}
.breadcrumbs li+li:before {  content: url(../images/Vector.svg); line-height: 1; font-weight: 900; padding: 0 10px; height: 16px;}
.header_top_block { padding: 24px 0;}
.header-contact__inner { display: flex; gap: 60px}    
.header-contact__item svg { margin-right: 8px; color: var(--second-company-text)}
.switcher__link { font-size: 20px; font-weight: 600; text-transform: uppercase; color: #9F9F9F;}
.switcher__link.active { color: var(--second-company-text); text-decoration: underline;}
.switcher__item { gap: 12px}
.breadcrumbs li:last-child { color: #A5A5A5;}
.hs_callback_wrapper { padding: 100px 0; background-color: #F1F6F9;}
.hs_callback_inner { max-width: 1085px; margin: 0 auto; gap: 165px;}
.hs_callback_desc {  flex: 1;}
.hs_callback_desc_ttl { font-family: Manrope; font-size: 50px; font-weight: 600; text-align: left;  margin-bottom: 20px;}
.hs_callback_desc_ttl span:first-child { color: #007BC1;}
.hs_callback_desc_title { font-size: 18px; font-weight: 600; margin-bottom: 40px;}
.hs_callback_form { width: 390px;}
.hs_callback_form .main_form_inputs {  gap: 15px}
.hs_callback_form_footer { margin-top: 15px;}
.hs_callback_form .hs_btn { width: 100%;}
.callback_form_success { gap: 15px; height: 100%; font-size: 18px; font-weight: 600;}
.da_categories_title, .da_services_title { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 580px; margin: 0 auto;}
.da_services_title { max-width: 680px}
.da_featured_block { padding: 40px 0;}
.da_categories_title h2, .da_services_title h2 { margin: 0 0 24px; font-size: 45px; font-weight: 600}
.da_categories_title div, .da_services_title div { font-size: 16px; font-weight: 400; text-align: center;}
.da_subcategory { background-color: transparent; border-radius: 10px; gap: 10px; justify-content: space-between; transition: .3s; position: relative; overflow: hidden;  height: 320px;width: 320px;}
.da_subcategory::after { content:''; width: 100%; height: 100%;position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.7) 73.74%, rgba(0, 0, 0, 0.75) 89.91%);}
.da_subcategory_name { text-align: center; transition: .3s; position: absolute; z-index: 10; bottom: 8%; gap: 10px; flex-direction: column; padding: 0 16px}
.da_subcategory_description { font-size: 14px; font-weight: 400; color: #FFFFFF; opacity: 0; visibility: hidden; transition: all .3s ease-out; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 57px}
.da_subcategory_title{ font-size: 20px; font-weight: 600; color: #fff;}
.da_subcategory_image { width: 100%; max-height: 320px; height: 100%}
.da_subcategory_image img { transition: .3s ease-out;}
.da_subcategory_image img.loaded { width: 100%; height: 100%;  object-fit: cover;}
.hs_product_item { padding: 16px; border-radius: 10px;  border: 1px solid #EFEFEF; transition: .3s; gap: 20px; flex-direction: column;  background: #F3F4F780;}
.hs_product_item_name { font-size: 22px;  font-weight: 600;  transition: .3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 60px}
.hs_cetegory_description_content { color: #595959}
.hs_cetegory_description_content iframe{ max-width: 800px;}
.hs_product_item_content { flex: 1;  gap:20px;  width: 100%}
.da_product_features { margin: 0; padding-left: 20px; color: #595959; font-size: 16px; font-weight: 400; display: flex; flex-direction: column; gap: 4px}
.prod_feature_name { font-weight: 600}
.hs_product_item .da_transparent_btn { width: 100%}
.hs_product_item_annotation { font-size: 14px; height: 95px}
.da_prod_item_annotation { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden; line-height: 1.5; height: 95px; color: #595959;position: relative}
.da_transparent_btn::before { content: "";display: block;opacity: 0; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: linear-gradient(90deg, #8DA8FF 7.6%, #7770FD 100%);transition: opacity 0.3s ease-in-out; z-index: 0;}
.da_prod_item_annotation p { margin-bottom: 0}
.hs_product_item_annotation p { margin: unset; margin-bottom: 15px;}
.hs_product_item_annotation p:last-child {margin-bottom: unset;}
.hs_product_item_image {  position: relative;  width: 100%; box-sizing: border-box; background-color: #FFFFFF;  border-radius: 10px;    height: 290px;margin-bottom: 20px;}
.hs_product_item_image img.loaded {  width: 100%; height: 100%; object-fit: contain;  border-radius: 10px;}
.hs_product_item_code {  position: absolute; top: 20px; left: 20px; font-size: 12px; font-weight: 400; color: #636363;}
.swiper_shadow { margin: -20px;}
.product_swiper .swiper_shadow { padding: 20px;}
.swiper_arrow_wrapper { position: relative; gap: 20px; margin-top: 0;}
.swiper-container {  margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper_arrow_wrapper .swiper-button-next, .swiper_arrow_wrapper .swiper-button-prev { position: relative;right: unset;left: unset; top: unset; width: unset; height: unset;margin-top: unset;}
.swiper_custom_arrow { width: 45px; height: 45px; border: 1px solid #E7ECF1; border-radius: 5px; transition: .3s; color: #5A77D9;}
.swiper-button-next svg {  transform: rotate(180deg);}
.hs_article_preview { border: 1px solid #EAECF3; border-radius: 5px; padding: 10px 10px 24px; background-color: #F6F8FB; transition: .3s;}
.hs_article_preview .hs_read_more { margin-top: auto;}
.hs_article_preview_image { position: relative; overflow: hidden; border-radius: 5px; background-color: #fff; height: 200px; margin-bottom: 12px; border: 1px solid #EEEFF3;}
.hs_article_preview_image:before {background-image: inherit;background-position: top;background-repeat: no-repeat;background-size: cover;content: "";display: block; width: 100%;height: 100%;position: absolute; top: 0; left: 0; z-index: 0; transform: scale(1.2); filter: blur(10px) brightness(0.93);}
.hs_article_preview_image img.loaded:not(.no_image) { width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.hs_article_preview_date { gap: 8px; font-size: 14px; line-height: 1.2; color: #9F9F9F; margin-bottom: 10px;}
.hs_article_preview_name { font-size: 16px; font-weight: 600; margin-bottom: 16px; min-height: 92px; transition: .3s; display: -webkit-box; -Webkit-box-orient: vertical; overflow: hidden; -Webkit-line-clamp: 4; line-height: 23px;}
.hs_article_preview_annotation { margin-bottom: 15px; display: -webkit-box; -Webkit-box-orient: vertical; overflow: hidden;  -Webkit-line-clamp: 2;}
.hs_post_video_label { position: absolute;right: 0; bottom: 20px; width: 120px; height: 40px; background-color: #00091F; color: #fff; font-size: 16px;  border-radius: 3px 0px 0px 3px;}
.pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: unset; padding: 0 16px 80px; gap: 10px;}
.pagination__item {display: flex;align-items: center;justify-content: center;width: 40px;min-width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #4E2ACA;border-radius: 4px; background: transparent; transition: .3s; font-size: 16px; font-weight: 600; color: #4E2ACA; cursor: pointer; position: relative}
.pagination__item.active {color: #FEFEFE}
.pagination__item a { display: flex; padding: 10px 15px}
.products_heading { font-size: 40px; font-weight: 600;  color: #1E1E1E}
.pagination__item::before { content: ""; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s ease-out; background: transparent;}
.pagination__link { position: relative; z-index: 1;}
.pagination__item:hover { color: #FEFEFE}
.pagination__link_next svg { transform: rotate(180deg);}
.hs_main_about_ttl { font-size: 70px; font-weight: 700;  text-align: left;}
.hs_main_about_ttl span:last-child { color: #007BC1;}
.hs_main_about_wrapper { padding: 80px 0 120px; overflow: hidden}
.hs_main_about_grid {  display: grid; grid-template-columns: repeat(2, 1fr);}
.hs_main_about_inner { gap: 40px;}
.hs_main_about_desc { line-height: 1.6;}
.hs_main_about_inner:nth-child(5n), .hs_main_about_inner:nth-child(5n + 1) {padding: 106px 135px 106px 0px;}
.hs_main_about_inner:nth-child(4n) {padding: 106px 0px 106px 135px;}
.hs_about_image { position: relative; overflow: hidden; background-size: cover; background-position: center;}
.hs_about_image_1 { clip-path: polygon(0% 100%, 100% calc(100% - 75px), 100% 0%, 0% 0%);}
.hs_about_image_2 {clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 75px);}
.no_found_wrapper { padding: 40px 0 120px; gap: 10px;}
.no_found_ttl { font-size: 30px; font-weight: 600;  text-align: center;}
.no_found_desc { text-align: center; margin-bottom: 30px;}
.no_found_wrapper svg {  max-width: 100%;}
.header_top {background: #DEE6F2;}
.callback_popup { display: flex; flex-direction: column; width: 100%; max-width: fit-content; height: fit-content; max-height: 650px; margin: 0 auto; padding: 50px 60px; position: relative; background-color: #FDFDFD; border-radius: 20px; top: 15%;}
.fn_help_label { opacity: 0; visibility: hidden; transition: all .3s ease-out;  z-index: 10}
.fn_help_label.show { opacity:1; visibility: visible;}
.help_label {  position: fixed; z-index: 100; right: 2%;  bottom: 47px;  width: 75px;  height: 75px;  cursor: pointer;  color: #fff;  border-radius: 50%;  background: linear-gradient(141.59deg, #281470 0%, #5A77D9 139.34%);  opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out;  transition: all .3s ease-in-out;}
.help_label span { font-size: 12px; font-weight: 400; text-align: center;}
.help_label::before, .help_label::after { content: ''; position: absolute; border: 1px solid #DCE0FF80; left: -30px; opacity: 0; right: -30px; top: -30px; bottom: -30px; border-radius: 50%; box-shadow: inset 0px 0px 20px #DCE0FF80;  animation: 2s ease-in-out 1s normal none infinite running pulse-btn-out;}
.contacts_label::after {animation: 2s ease-in-out 0s normal none infinite running pulse-btn-in;}
@keyframes pulse-btn-out {
    0% { transform: scale(0.5);opacity: 0;}
    50% { opacity: 1;}
    100% {transform: scale(0.8);opacity: 0;}
}
@keyframes pulse-btn-in {
    0% {transform: scale(0.8);opacity: 0;}
    50% {opacity: 1;}
    100% {transform: scale(0.5);opacity: 0;}
}
.help_label_info {  flex-direction: column;  position: fixed;  background-color: #f5f6ffe8;  width: 100%; bottom: 140px; max-width: 150px; height: auto; border-radius: 10px; border: 1px solid #5A77D9; padding: 10px 20px; right: 32px; opacity: 0; visibility: hidden; transition: all .3s ease-out;  z-index: 9999;}
.help_label_info.visible { opacity: 1; visibility: visible;}
.help_label_info span { font-size: 14px; font-weight: 400; color: #1E1E1E}
.header_call:hover, .about_main_btn:hover { gap: 18px}
.callback_header_form { margin-bottom: 30px; font-weight: 600;  font-size: 30px;}
.btn_close_popup { width: 30px; height: 30px; position: absolute; display: flex; align-items: center; justify-content: center; top: 20px; right: 20px; cursor: pointer}
.callback_form, .fn_popup_success { background: #00000099;  width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100000; backdrop-filter: blur(7px);}
.close_popup_bg { cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .3s;}
.da_page_header { height: 52px; background-color: #F3F4F7; position: relative; display: flex; align-items: center;}
.pagination__item:hover::before { opacity: 1; background: linear-gradient(90deg, #7694FC 7.6%, #673CFF 100%);} 
.pagination__item.active::before { opacity: 1; background: linear-gradient(90.18deg, #281470 4.4%, #522DD4 106.3%);}
.da_page_header .container { width: 100%; overflow: hidden}
.fn_readmore + [data-readmore-toggle], .fn_readmore[data-readmore] { display: inline-block; width: auto; position: relative;}
.fn_readmore[aria-expanded="false"]::after { content: ""; position: absolute; bottom: -30px; left: 0; width: 100%; height: 4em; background: -moz-linear-gradient(top,#fff0 0,#fff 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff)); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);}
.fn_readmore[data-readmore] { transition: height 1s; overflow: hidden; max-height: 500px; display: block; width: 100%;}
.fn_readmore + [data-readmore-toggle]{ margin-top: 30px; display: flex; flex-direction: row; align-items: center; height: 45px; text-decoration: none;border-radius: 3px; color: var(--second-company-text); gap: 8px; font-size: 16px; font-weight: 600; text-transform: uppercase; line-height: 24px; transition: all .3s ease-out;}
.fn_readmore + [data-readmore-toggle]::after { content: url(../images/arrow.svg); line-height: 1; font-weight: 900; padding: 0 10px; height: 16px; transition: all .3s ease-out}
.fn_readmore + [data-readmore-toggle]:hover, .fn_readmore + [data-readmore-toggle]:focus{ color: #281470;text-decoration: none;}
.fn_readmore + [data-readmore-toggle]:hover::after {  padding-left: 20px}
.fn_readmore + [data-readmore-toggle] a{ color: #58463b;background: transparent; border-color:  #58463b; border: 1px solid; border-radius: 3px; padding: 1px 30px; font-size: 18px; line-height: 1; display: inline-block; transition: all .3s; font-weight: 500;}
.fn_readmore + [data-readmore-toggle]:hover a{ color: #000000; background:var(--button-color); border-color:  var(--button-color);}
.da_feedback_title { margin: 40px 0 20px; display: flex; flex-direction: column; justify-content: center; max-width: 680px}
.da_feedback_title h1 { font-size: 40px; margin: 0 0 24px;  font-weight: 600;}
.feedback_contact_grid { display: grid; grid-template-columns: repeat(5, auto); gap: 15px; padding-top: 15px;}
.feedback_contact_flex {  display: flex;  gap: 15px;  padding-top: 10px}
.main_contact_item {  padding: 30px 26px;  border: 1px solid #E8EFF8;  border-radius: 6px;  background: #F2F8FF;  gap: 10px;  transition: .3s;  box-shadow: 0px 5px 8px 0px #001D580D;}
.featured_catefories_grid { padding: 50px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.main_contact_item_inner {  gap: 24px;}
.main_contact_item svg { transition: .3s; color: #007BC1;  margin-right: 8px;  width: 24px;  height: 24px}
.main_contact_item_ttl { font-size: 18px; font-weight: 600; color: #6F7DAD; transition: all .3s ease-out}
.main_contact_item_link { font-weight: 400; color: #1e1e1e}
.main_contact_item_link p { margin: unset;}
a.main_contact_item_link { transition: .3s;}
.feedback_form_wrapper { position: relative;  padding: 70px 0;  margin-top: 40px}
.feedback_form_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;max-height: 780px; z-index: 0; filter: brightness(0.65);}
.feedback_form_wrapper>.container {position: unset;}
.feedback_mini_title { font-weight: 600; margin-bottom: 10px}
.feedback_contact_item { background-color: #fff;}
.main_form { position: relative; max-width: 510px; padding: 25px 50px; border-radius: 10px; box-sizing: border-box; background-color: #FEFEFE; border: 1px solid #E7ECF1; box-shadow: 0px 4px 44px 0px #003B5DA6; z-index: 2;}
.main_form_header { font-size: 18px;  font-weight: 600; margin-bottom: 15px;}
.main_form_inputs { gap: 0; margin-bottom: 0;}
.form__title2 { position: relative; width: 100%; z-index: 1; justify-content: center;}
.form__title2 span { height: 50px; display: flex; align-items: center;  background-color: #FDFDFD;  z-index: 2; font-size: 14px; font-weight: 400; color: #6B6B6B; padding: 0 10px;  justify-content: center;}
.form__title2::after { content: ""; height: 1px; background: #EBE9E9; position: absolute; top: 50%; display: block; width: 100%;  z-index: 1;}
.main_form_footer .hs_btn { width: 100%; margin-top: 10px}
.main_form .select2-container--default .select2-selection--single { background-color: #F4F7F9; border: 1px solid #E7ECF1; height: 50px;}
.main_form .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px;}
.main_form_success { text-align: center; gap: 15px; font-size: 18px; font-weight: 600; line-height: 24.51px; padding: 60px;}
.header_cat_main {font-size: 16px;font-weight: 600;color: #1E1E1E}
.header_menu_level_3 .header_cat_main { font-weight: 400}
.all_products_title {  margin: 0; font-size: 40px;  font-weight: 600}
.menu_icon { width: 33px;  height: 30px; display: flex; align-items: center; justify-content: center;}
.mob_menu_icon {  width: 33px;  height: 3px;  background: #fff;  position: relative;  top: 4%; left: 0px; transform: translateY(-50%); border-radius: 3px; transition: all ease 0.3s;}
.mob_menu_icon::before { content: ''; display: block; width: 33px; height: 3px; background: #fff; position: absolute; top: -10px; left: 0; transition: all ease 0.3s; border-radius: 3px;}
.mob_menu_icon::after { content: ''; display: block; width: 16.5px; height: 3px; background: #fff; position: absolute; bottom: -10px; right: 0; transition: all ease 0.3s; border-radius: 3px;}
.hs_mobile_burger.active_menu .mob_menu_icon { width: 0; height: 3px;}
.hs_mobile_burger.active_menu .mob_menu_icon::before {  transform: rotate(-45deg);  top: 0px;  left: -16px;}
.hs_mobile_burger.active_menu .mob_menu_icon::after { transform: rotate(45deg); bottom: 0px; right: -16px;width: 33px;}
.popup__heading { font-size: 18px; font-weight: 600; margin-bottom: 12px}
.footer .footer__contact_item div { color: #B9B5C8}
.category_name_title { margin-top: 40px}
.categories_all_products { padding: 30px 0 80px}
.button--blick:after { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.button--blick:hover:after {-webkit-animation: shine .75s; animation: shine .75s;}
@keyframes shine {
    100% {left: 125%;}
}
.price {
    color: var(--second-company-text);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}
