@font-face {
    font-family: Inter;
    src: url('fonts/Inter/Inter.ttf');
}

body{ background: #F9FBFC; font-family: 'Inter', sans-serif; font-weight: 400; position: relative; overflow-x: hidden; color:#2E3646;display: flex;flex-direction: column; }
input, textarea, select { font-family: 'Inter', sans-serif; }
ul{ list-style: none; }
img{ max-width: 100%; }

.text ul, 
.text ol { list-style-position: inside; }
.wysiwyg_content ul > li > ul, .text ul > li > ul, 
.wysiwyg_content ol > li > ol, .text ol > li > ol { padding-left:30px; }
.wysiwyg_content ul > li > ul > li > ul, .text ul > li > ul > li > ul,
.wysiwyg_content ol > li > ol > li > ol, .text ol > li > ol > li > ol { padding-left:60px; }

.list_bullets ul{ list-style: disc; width: calc(100% - 80px); margin-left: auto; margin-right: auto; }

p { margin-bottom:15px; }

.hidden{ display: none !important; }

.ta-c{ text-align: center !important; }
.ta-l{ text-align: left !important; }
.ta-r{ text-align: right !important; }
.va-m{ vertical-align: middle !important; }

.align-center{ align-items: center; }

.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }

.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.mr-10{ margin-right: 10px !important; }
.mr-20{ margin-right: 20px !important; }

.ml-10{ margin-left: 10px !important; }

.mt-negative450{ margin-top: -450px; }
.mt-negative100{ margin-top: -100px; }

.w20{ width: 20px; }
.w40{ width: 40px; }
.w60{ width: 60px; }
.w80{ width: 80px; }
.w100{ width: 100px; }
.w130{ width: 130px; }
.w150{ width: 150px; }
.w200{ width: 200px; }

h1{ font-weight: 700 !important; font-size: 46px !important; line-height: 60px; }
h2{ font-weight: 700 !important; font-size: 36px !important; line-height: 52px; }
h3{ font-weight: 600 !important; font-size: 32px !important; line-height: 44px; }
h3{ font-weight: 600 !important; font-size: 22px !important; line-height: 30px; }

.content { flex: 1; }
.landing_page_content h3{ font-size: 36px !important; font-weight: 700 !important; }

.minw-170{ min-width: 170px !important; }

.min-w100{ min-width: 100px !important; }
.min-w110{ min-width: 110px !important; }
.min-w150{ min-width: 150px !important; }
.min-w170{ min-width: 170px !important; }
.min-w200{ min-width: 200px !important; }

.container{ width: 1260px; max-width: calc(100% - 40px); margin: 0 auto; }

.white{ color: #fff !important; }
.color-red{ color: #F93232 !important; }

.cursor{ cursor: pointer; }

.row-gap-20{ row-gap: 20px !important; }
.pad-top-60{ padding-top: 60px !important; }
.pad-top-250{ padding-top: 250px !important; }
.pad-sides-40{ padding-left: 40px !important; padding-right: 40px !important; }
.w100p{ width: 100% !important; max-width: 100% !important; }
.bold{ font-weight: 600 !important; }
.semi-bold{ font-weight: 500 !important; }

.mobile{ display: none !important; }
.mobile-flex{ display: none !important; }
.tablet{ display: none !important; }
.tablet-flex{ display: none !important; }
.desktop{ display: block !important; }
.desktop-flex{ display: flex !important; }

.flex-center{ justify-content: center !important; }

.no-wrap{ flex-wrap: nowrap !important; }

.cell_title{ font-size: 12px; font-weight: 500; color: #617A94; margin-bottom: 10px; }

.breadcrumb{ display: flex; gap: 5px; align-items: center; }
.breadcrumb li{ font-size: 16px; color: #617A94; }
.breadcrumb li a{ font-size: 16px; color: #617A94; }
.breadcrumb li.with_arrow{ padding-left: 25px; position: relative; }
.breadcrumb li.with_arrow::before{ content: ''; display: inline-block; width: 12px; height: 8px; background: url('../img/arrow_down_gray.svg'); transform: rotate(90deg); position: absolute; left: 5px; background-repeat: no-repeat; top: 6px; background-size: 12px 8px; }
.breadcrumb .arrow, .section_arrow{ display: inline-block; width: 12px; height: 8px; background: url('../img/arrow_down_gray.svg'); transform: rotate(90deg); min-width: 12px; min-height: 8px; }

.details_row{ font-size: 12px; }
.label{ color: #617A94; }

.white_block{ background-color: #F9FBFC; border: 1px solid #E4E5E9; border-radius: 20px; padding: 40px !important; max-width: calc(100% - 80px) !important; }

.link{ text-decoration: none; color: #2A67E7; }
button { cursor:pointer; }

a{ text-decoration: none; color: #2A67E7; }

.no_item_found{ color: #888; }

/* Header menu */ 
    .header_menu{ display: flex; justify-content: center; color: #fff; font-size: 15px; position: absolute; padding-top: 5px; width: 100%; align-items: center; z-index: 9999; }
    .header_menu .container{ display: flex; justify-content: center; color: #fff; font-size: 15px; align-items: center; }
    .header_menu .container .hamburger{ display: none; }
    .header_menu .container .logo{ margin-right: auto; }
    .header_menu .container .logo.opened_mobile_navigation{ display: none; }
    .header_menu .container .top_buttons{ margin-left: auto; display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
    .header_menu .container .top_buttons a{ color: #fff; text-decoration: none; border-radius: 8px; }
    .header_menu.white_bg .container .top_buttons a{ color: #617A94; }
    .header_menu .container .top_buttons a.active{ color: #fff; padding: 8px 18px; background-color: #2A67E7; }
    .header_menu .container .top_buttons.mobile a.active{ max-width: calc(50% - 46px); }
    .header_menu .container .top_buttons a:hover{ cursor: pointer; }
    .header_menu .container .top_buttons a.active:hover{ background: #003DA4; border-color: #003DA4; }

    .header_menu .container .top_buttons .select_block .submenu{ width: 125px; }
    .header_menu .container .top_buttons .select_block li{ padding: 0px; margin: 0 5px; }
    .header_menu .container .top_buttons .select_block li a{ padding: 5px 20px; display: block; }
    .header_menu .container .top_buttons .select_block .value{ color: #fff; }
    .header_menu.white_bg .container .top_buttons .select_block .value{ color: #1243F0; }
    .header_menu .container .top_buttons .select_block .value::after{ background: url('../img/arrow_down_gray.svg'); transform: rotate(180deg); }
    .header_menu .container .top_buttons .link{ display: inline-block; background: none !important; color: #617A94 !important; }
    .header_menu .container .top_buttons .link.blue{ color: #2A67E7 !important; }

    .dev .header_menu .container .top_buttons a.active{ background-color: #349395; }
    .dev .header_menu .container .top_buttons a.active:hover{ background-color: #026063; }

    .header_menu ul{ list-style: none; }
    .header_menu .menu{ display: flex; gap: 25px; }
    .header_menu .menu .arrow{ display: inline-block; width: 12px; height: 8px; background: url('../img/arrow_down.svg'); margin-left: 5px; }
    .header_menu .menu a{ color: #fff; text-decoration: none; padding: 16px 0; }
    .header_menu .menu a:hover{ color: #5486D6 !important; }
    .header_menu .menu .submenu a:hover{ color: #2E3646 !important; }
    .header_menu.white_bg{ background: #F9FBFC; }
    .header_menu.white_bg > .container{ border-bottom: 1px solid #E4E4E7; padding-bottom: 10px; }
    .header_menu.white_bg .menu a{ color: #617A94; }
    .header_menu.white_bg .menu .arrow{ background: url('../img/arrow_down_gray.svg'); transform: rotate(180deg); }
    .header_menu .menu li{ position: relative;padding: 0 6px 0 6px; }
    .header_menu .submenu li{ padding-top:6px; }
    .header_menu .menu li:last-child { padding-bottom:6px; }
    .header_menu .menu .submenu{ display: none; background: #FFFFFF; position: absolute; left: -55px; top: 41px; width: calc(100% + 120px); border-radius: 12px; flex-direction: column; gap: 5px; padding:0; z-index: 999999; }
    .header_menu .menu .submenu a{ color: #2E3646; display: block; padding: 12px 6px; border-radius: 6px; }
    .header_menu .menu .submenu a:hover{ background: #E5F0FF; }
    .header_menu .menu .submenu.active { display: flex; gap: 0px; }
	.header_menu .menu li.opened > a { font-weight:bold; }
	.header_menu.white_bg .menu li.opened > a { color:#2A67E7; }
	
/* Header block */
    .blank_header_block{ height: 80px; }
    .header_block{ padding: 100px 0px; width: 100%; text-align: center; position: relative; }
    .header_block > *{ position: relative; z-index: 99; }
    .header_block.firstpage{ background-image: linear-gradient(185deg, rgb(41, 60, 112) 23%, rgb(127, 82, 75) 140%); padding-bottom: 250px !important; background-size: cover; background-repeat: no-repeat; }
        .header_block.firstpage::before{ content: ''; position: absolute; width: 100%; height: 100%; display: block; top: 0px; background-size: cover; }
        .header_block.firstpage.default-bg::before{ background-image: url('../img/top_background.png'); }
    .header_block.bg-standard{ background-image: linear-gradient( 140deg, hsl(234deg 90% 8%) 0%, hsl(233deg 93% 11%) 30%, hsl(233deg 88% 20%) 44%, hsl(223deg 86% 36%) 63%, hsl(198deg 93% 62%) 100%) !important; padding-bottom: 450px; background-size: cover; background-repeat: no-repeat; }
        .header_block.bg-standard::before{ content: ''; position: absolute; width: 100%; height: 100%; display: block; top: 0px; background-size: cover; }
        .header_block.bg-standard.default-bg::before{ background-image: url('../img/top_background-standard.png'); }
    .header_block.bg-dev{ background-image: linear-gradient(180deg, hsl(168deg 59% 9%) 0%, hsl(172deg 43% 13%) 33%, hsl(173deg 34% 20%) 67%, hsl(173deg 35% 30%) 100%) !important; padding-bottom: 450px; background-size: cover; background-repeat: no-repeat; }
        .header_block.bg-dev::before{ content: ''; position: absolute; width: 100%; height: 100%; display: block; top: 0px; background-size: cover; }
        .header_block.bg-dev.default-bg::before{ background-image: url('../img/top_background-dev.png'); }

    .header_block.small_padding_bottom{ padding-bottom: 100px !important; }
        .header_block .container{ width: 789px; margin: 0 auto; text-align: center;}
        .header_block .title{ color: #fff; font-weight: 700; font-size: 46px; padding: 30px 0;max-width:90vw; }
        .header_block .sub-title{ color: #BDDBFF; font-weight: 400 !important; font-size: 16px !important; padding-bottom: 30px; }

    .product_type_buttons{ display: flex; justify-content: center; }
    .product_type_buttons .btn{ border: 1px solid #617A94; background: transparent; padding: 8px 18px; color: #fff; border-radius: 0px; font-size: 15px; opacity: 0.6; display: flex; align-items: center; width: 250px; justify-content: center; }
    .dev .product_type_buttons .btn{ color: #fff; }
    .product_type_buttons.large .btn{ width: 240px; }
    .product_type_buttons .btn:first-child{ border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-right: 0; }
    .product_type_buttons .btn:last-child{ border-bottom-right-radius: 8px; border-top-right-radius: 8px; }
    .product_type_buttons .btn:hover{ cursor: pointer; }
    .product_type_buttons .btn span.name{ max-width: calc(100% - 35px); }
    .product_type_buttons .btn span.icon{ display: inline-block; margin-right: 10px; background-repeat: no-repeat; }
    .product_type_buttons .btn.standard span.icon{ background-image: url('../img/icon_standard.svg'); width: 26px; height: 26px; background-size: 26px; }
    .product_type_buttons .btn.dev span.icon{ background-image: url('../img/icon_dev.svg'); width: 23px; height: 29px; background-size: 23px 29px; }
    .product_type_buttons .btn.standard.active, .product_type_buttons .btn.standard:hover{ opacity: 1; border-color: #52A3FF; background-color: #051892; }
    .product_type_buttons .btn.dev.active, .product_type_buttons .btn.dev:hover{ opacity: 1; border-color: #67AEB0; background-color: #053C3D; }

    .curved_arrow{ color: #F9FBFC; font-size: 14px; position: relative; padding-top: 35px; display: block; margin: 0 auto; margin-top: 10px; }
    .curved_arrow::before{ content: ''; position: absolute; top: 0px; background: url('../img/curved_arrow.svg'); width: 30px; height: 31px; background-size:  30px 31px; margin: 0 auto; left: 0; right: 0; }

/* Sections */
    .section{ padding: 40px 0; position: relative; font-size: 15px; }
    .small_section{ width: 800px; max-width: calc(100% - 20px); margin: 0 auto; padding: 40px 10px; }
        .section.first_section{ margin-top: -250px; }
        
        .section .title{ color: #2E3646; font-size: 36px; font-weight: 700; line-height: 52px; }
        .section .title.short_title{ width: 645px; max-width: 100%; margin: 0 auto; }
        .section .title.small{ color: #2E3646; font-size: 24px; font-weight: 700; line-height: 1.3; }

        .container.pad-top-60 .section > .title{ padding-top: 30px; }
        /* .section .small_title{ color: #2E3646; font-size: 36px; font-weight: 700; line-height: 52px; } */
        .section .buttons{ display: flex; justify-content: center; gap: 20px; margin-top: 30px; }
        .btn{ min-width: 160px; text-align: center; padding: 20px 18px; border: 1px solid #2A67E7; text-decoration: none; border-radius: 8px; color: #2A67E7; font-weight: 600; display: inline-block; box-sizing: border-box; }
        .dev .btn{ border: 1px solid #349395; color: #349395; }
        .btn.small{ padding: 8px 18px; min-width: 120px; font-size: 15px; }
        .btn.btn-blue{ color: #fff; background: #2A67E7; }
            .btn.btn-blue:hover{ background: #003DA4; border-color: #003DA4; }
        .btn.btn-white{ color: #2A67E7; background: #fff; }
            .btn.btn-white:hover{ color: #003DA4; border-color: #003DA4; }
        
        .btn.btn-green{ color: #fff; background: #349395; }
            .dev .btn.btn-green:hover{ background: #026063; }
        .btn.btn-gray{ color: #5F6D7E; border-color: #E4E4E7; }
            .btn.btn-gray:hover{ background-color: #F1F2F4; }
        
        .dev .btn.btn-white{ color: #349395; }
            .dev .btn.btn-white:hover{ color: #026063; border-color: #026063; }
                
       
        
        .dev .btn-blue{ background-color: #349395; }
            .dev .btn-blue:hover{ background-color: #026063; color: #fff; border-color: #026063;}


        .btn.btn-green-checkbox{ border: 1px solid #439F6E; background-color: #F1FFF4; color: #121637; position: relative; padding-left: 35px !important; }
        .btn.btn-green-checkbox::before{ content: ''; display: inline-block; width: 20px; height: 20px; background: url('../img/check-green.svg'); background-size: 20px; position: absolute; left: 10px; }

        .section .text{ color: #2E3646; font-size: 16px; line-height: 24px; word-wrap: anywhere; }
        .section .text.small_text{ font-size: 13px; line-height: 20px; }
        .row{ display: flex; flex-direction: row; }
        .row.row-reverse{ flex-direction: row-reverse; }
        .row .col{ position: relative; }
        .row .col .background{ width: 100%; border-radius: 30px; }
        .row .col .background img{ width: 100%; border-radius: 30px; }
        .row .col .image{ width: 90%; text-align: center; }
        .row .col .image img{ max-width: 100%; border-radius: 8px; }

        .firstpage_section{ align-items: center; }

        .sub-title{ color: #5F6D7E; font-size: 15px !important; text-align: center; line-height: normal; font-weight: 400 !important;margin-top:20px; }
        .pricing_tabs .sub-title, .product_row .sub-title { text-align: left; }

        .small-text{ font-size: 13px; line-height: 20px; }

    .section .video_wrapper{ width: 100%; height: 340px; }
        .section .video_wrapper iframe{ width: 100%; height: 100%; }

    .form-field { position: relative; }
    .form-field label { display: block; color: #5F6D7E; margin-bottom: 5px; font-size: 13px; }
    .star { color:#e10000; }
    .form-field input, .form-field select, .form-field textarea{ border: 1px solid #E4E4E7; border-radius: 4px; width: 100%; padding: 10px; outline: none; background: #fff; box-sizing: border-box; }
    .form-field.error > div, .form-field .error { border:1px solid #F97D7E; }
    .form-field input:focus, .form-field select:focus, .form-field textarea:focus{ border: 1px solid #A1A1AA !important;  }
    .form-field input:read-only { background-color:#F9FBFC; }
    .form-field textarea{ min-height: 100px; }
    .form-field .chosen-container{ width: 100% !important; text-align: left; height: 38px; }
    .form-field .chosen-container-active .chosen-single{ box-shadow: none; }
    .form-field .chosen-single{ border: 1px solid #E4E4E7 !important; border-radius: 4px !important; width: 100% !important; outline: none; background: #fff !important; box-sizing: border-box; height: 38px !important; line-height: 38px !important; }
    .form-field .chosen-single div b{ background-position-y: 8px !important; }
	.form-field .chosen-container-single .chosen-single { -webkit-box-shadow: none;box-shadow: none; }

    .form-field .chosen-container .chosen-drop{ border: 1px solid #E4E4E7 !important; margin-top: 0px !important; }

    .password_field{ border: 1px solid #E4E4E7; border-radius: 4px; width: 100%; padding-right: 10px; outline: none; background: #fff; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
        .password_field input{ border: none; outline: none; width: calc(100% - 22px); padding: 10px; }
        .password_field input:focus{ border: none !important; }
        .password_field:focus-within{ border: 1px solid #A1A1AA !important; }
        .password_field .eye_icon{ background-image: url('../img/eye_cross.svg'); display: inline-block; width: 22px; height: 22px; background-size: 22px; }
        .password_field.show_password .eye_icon{ background-image: url('../img/eye.svg'); }
        .password_field .eye_icon:hover{ cursor: pointer; }

    .form-field.search_input{ position: relative; }
    .form-field.search_input::before{ content: ''; width: 17px; height: 17px; background: url('../img/icon-search.svg'); background-size: 17px; position: absolute; left: 10px; top: 10px; z-index: 999; }
    .form-field.search_input input{ padding-left: 35px; position: relative; }

    .ajax_search .search_result{ position: absolute; top: 39px; width: auto; max-width: 100%; z-index: 10; border: 1px solid #E4E4E7; border-radius: 4px; max-height: 300px; overflow: auto; background: #fff; padding: 10px; }
    .ajax_search .search_result a{ color: #617A94 !important; padding: 10px 20px !important; flex-wrap: wrap; }
    .ajax_search .search_result a:hover{ background-color: #E5F0FF; color: #2E3646; border-radius: 6px; cursor: pointer; }
    .ajax_search .search_result a .found_text{ width: 100%; margin-top: 5px; font-size: 12px; }
    /* .ajax_search.support_search{} */

    .form_sub_title{ font-size: 15px; color: #5F6D7E; }

    .section.blue_bg{ background-image: url('../img/blue_bg.png'); border-radius: 20px; color: #fff; padding: 60px 0; background-position: center; }
    .section.blue_bg .title{ color: #fff; }

    .dev .section.blue_bg{ background-image: url('../img/green_bg.png'); }

    .standard_version .product_icon{ display: inline-block; background: url('../img/icon_blue.svg'); width: 70px; height: 71px; background-size: 70px 71px; }
    .dev_version .product_icon{ display: inline-block; background: url('../img/icon_dev.svg'); width: 66px; height: 84px; background-size: 66px 84px; }
    

    .testamonials{ position: relative; padding-bottom: 50px; display: flex; }
        .testamonials .testimonial-box{ width: 340px; max-width: calc(100vw - 60px); background: #fff; border-radius: 10px; padding: 30px; height: calc(100% - 60px); display: flex; flex-direction: column; justify-content: space-between; }
        .testamonials .content{ color: #617A94; line-height: 26px; margin-bottom: 20px; }
        .testamonials .client-data, #feedback_modal .client-data{ display: flex; justify-content: space-between; align-items: center; }
        .testamonials .client-data .title, #feedback_modal .client-data .title{ font-size: 18px; font-weight: 500; line-height: 20px; }
        .testamonials .client-data .title .name, #feedback_modal .client-data .title .name{ display: block; }
        .testamonials .client-data .title .company, #feedback_modal .client-data .title .company{ display: block; color: #617A94; font-size: 14px; }
        .testamonials .client-data img, #feedback_modal .client-data img{ width: 72px !important; height: 72px;border-radius:36px; }
        .testamonials .owl-stage{ padding: 10px 0; display: flex; align-items: stretch; }
        .testamonials .owl-item{ flex: 1 0 auto; max-height: 400px; }
        .testamonials .owl-item.active.center{ box-shadow: 0px 7px 10px 0px #021A691A; }
        .testamonials .owl-dots{ position: absolute; bottom: 20px; display: flex; gap: 5px; right: 0; left: 50%; transform: translate(-50%, 0); justify-content: center; }
        .testamonials .owl-dots .owl-dot{ display: inline-block; width: 14px; height: 14px; background: #E4E4E7; border-radius: 14px; }
        .testamonials .owl-dots .owl-dot.active{ background: #617A94; }

        #feedback_modal .title_row{ height: 32px; }

    .section.colored_background{ padding: 90px 60px; width: 100%; max-width: calc(100% - 120px); background: url('../img/background_colors.png'); margin: 0 auto; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; border-radius: 20px; position: relative; z-index: 10; }
        .section.colored_background .background_image{ position: absolute; width: 100%; height: 100%; top: 0; right: 0; border-radius: 20px; z-index: 0; }
        .section.colored_background .background_image img{ object-fit: cover; border-radius: 20px; width: 100%; height: 100%; }
        .section.colored_background > *{ z-index: 10; }
        .section.colored_background ul, .text ul { list-style: disc; list-style-position: inside; }
        .section.colored_background .buttons .link{ color: #fff; text-decoration: underline; }
        .section.colored_background .buttons .link:hover{ text-decoration: none; }
        .section.colored_background.no-background{ background: none; }

    .overlay{ background: #2E3646; width: 100%; height: 100%; opacity: 0.5; position: fixed; z-index: 99; }

    .wysiwyg_content{ font-size: 16px; line-height: 26px; color:#141628; }
    

/* Pricing */
    .pricing_tabs{ display: flex; gap: 10px; justify-content: space-between; }
    .pricing_tabs .owl-stage{ display: flex; }
    .pricing_tabs .tab .text{ min-height: 75px; }
    .tab{ background-color: #F8FBFF; border-radius: 12px; padding: 40px; padding-top: 20px; border: 1px solid #E6E9EC; width: 320px; display: flex; flex-direction: column; }
    .tab.ta-c{ justify-content: center; align-items: center; }
    .tab:not(.white_tab):not(.no_hover):hover{ background-color: #E6E9EC; box-shadow: 0px 2px 6px 2px #0518921F; }
    .tab.light_blue{ border-top: 1px solid #D0E2FF; }
    .tab.dark_blue{ border-top: 1px solid #0556BD; background: #F1F7FF; }

    .light_blue .sub-title{ color: #0556BD; }
    .dark_blue .sub-title{ color: #0556BD; }

    .tab.light_green{ border-top: 1px solid #67AEB0; }
    .light_green .sub-title{ color: #006C6F; }
    
    .tab.medium_green{ border-top: 12px solid #349395; background-color: #F3FFFF; }
    .medium_green .sub-title{ color: #349395; }
	
    .tab.medium_blue{ border-top: 1px solid #5486d6; }
    .medium_blue .sub-title{ color: #5486d6; }

    .tab.dark_green{ border-top: 12px solid #006C6F; background-color: #EDFFFF; }
    .dark_green .sub-title{ color: #006C6F; }

    .tab.orange{ border-top: 12px solid #FFB82E; background-color: #FFFCF3; }
    .orange .sub-title{ color: #E3AA00; }

    .tab.red{ background-color: #FFF5F5; border-color: #F97D7E !important; }
    
    .tab.no-hover{ background: #fff !important; box-shadow: unset !important; }
    .tab.wide_tab{ width: 470px; }

    .tab .title{ font-size: 24px; line-height: 32px; }
    .title.with_icon{ font-size: 24px; line-height: 32px; padding-left: 35px; position: relative; }
    .title.with_icon .standard_icon{ position: absolute; left: 0px; background-image: url('../img/icon_blue.svg'); width: 24px; height: 24px; background-size: 24px; top: 6px; }
    .title.with_icon .dev_icon{ position: absolute; left: 0px; background-image: url('../img/icon_dev.svg'); width: 23px; height: 30px; background-size: 23px 30px; top: 2px; }
    .title.with_icon .gray_icon{ position: absolute; left: 0px; background-image: url('../img/icon_gray.svg'); width: 24px; height: 24px; background-size: 24px 24px; top: 4px; }
    .tab .price{ font-size: 36px; line-height: 52px; font-weight: 700; color: #617A94; display: flex; gap: 7px; }
    .tab .price.ta-c{ justify-content: center; }
    .tab .price .small_text{ color: #5F6D7E; font-size: 14px; font-weight: 400; }
    .pricing_tabs .tab .buttons{ margin-top: auto; flex-wrap: wrap; }
    .pricing_tabs .tab .buttons .btn{ min-width: 100px; width: calc(50% - 10px); max-width: 100% !important; }
    .checklist{ display: flex; flex-direction: column; gap: 15px; }
    .checklist li{ padding-left: 30px; position: relative; color: #617A94; }
    .checklist li::before{ content: ''; display: inline-block; background: url('../img/round-check.svg'); width: 18px; height: 18px; background-size: 18px; position: absolute; left: 0px; top: 0px; }
    .dev .checklist li::before{ background: url('../img/round-check-green.svg'); width: 20px; height: 20px; }

    .table{ width: 100%; border-collapse: separate; border-spacing: 0; color: #2E3646; }
    .table .tab{ border-left: 1px solid #E4E5E9; border-right: 1px solid #E4E5E9; width: auto; border-top: none; border-bottom: none; border-radius: 0px; }
    .table tbody .tab{ display: table-cell; vertical-align: middle; }
    .table .tab.light_blue{ background-color: #F8FBFF; }
    .table .tab.dark_blue{ background-color: #F1F7FF; }
    .table .tab.tab_header{ padding: 20px; border-top-left-radius: 12px; border-top-right-radius: 12px; padding-bottom: 30px; }
    .table .tab.tab_header:hover{ box-shadow: none; }
        .table .tab.tab_header.light_blue{ border-top: 12px solid #D0E2FF; }
        .table .tab.tab_header.medium_blue{ border-top: 12px solid #5486D6; }
        .table .tab.tab_header.dark_blue{ border-top: 12px solid #0556BD; }
        .table .tab.tab_header.light_green{ border-top: 12px solid #67AEB0; }
        .table .tab.tab_header.medium_green{ border-top: 12px solid #349395; }
        .table .tab.tab_header.dark_green{ border-top: 12px solid #006C6F; }
        
        .table .tab.tab_header .title{ min-width: 200px; }
        .table .tab.tab_header .buttons{ width:100%;flex-wrap: wrap; min-height: 142px; align-items: flex-end; }
            .table .tab.tab_header .buttons .btn{ width: calc(50% - 10px); padding: 20px 10px; }

    .table .table_gap{ width: 10px; padding: 0 5px; }
    #featureTable .tab .title.with_icon .standard_icon{ position: relative; top: 6px; display: inline-block; margin-right: 10px; }
    .table .tab .btn{ min-width: 100px; }
    .table .corners{ vertical-align: bottom; padding: 0 10px; padding-bottom: 10px; }
    .table tbody td{ padding: 15px 10px; color: #617A94; }
    .table .name{ position: relative; padding-right: 35px; vertical-align: middle; }
    .table .info{ display: inline-block; background: url('../img/round-question.svg'); width: 20px; height: 20px; position: absolute; right: 10px; top: calc(50% - 10px); }
    .table .info:hover{ cursor: pointer; }
    .table .icon_check{ display: inline-block; background: url('../img/round-check.svg'); width: 20px; height: 20px; }
    .table .icon_empty{ display: inline-block; width: 20px; height: 20px; }

    .price_table tbody tr:not(.no_hover):hover td, .table tbody tr.active td{ background-color: #003DA4 !important; }
    
    .price_table .table tbody tr:not(.no_hover):hover td .icon_check, .table tbody tr.active td .icon_check{ background: url('../img/round-check_white.svg'); }
    .price_table .table tbody tr:not(.no_hover):hover td .info, .table tbody tr.active td .info{ background: url('../img/round-question_white.svg'); }
    .price_table .table tbody tr:not(.no_hover):hover td.name, .table tbody tr.active td.name{ color: #fff; }

    
    .dev .table .icon_check{ background: url('../img/round-check-green.svg'); }
    #featureTable tbody tr:hover td, .table tbody tr.active td{ background-color: #003DA4 !important; color: #fff; border: none !important; }
    .dev .table tbody tr:not(.no_hover):hover td, .dev .table tbody tr.active td{ background-color: #026063 !important; }
    
    .dev .table tbody tr:not(.no_hover):hover td .icon_check, .dev .table tbody tr.active td .icon_check{ background: url('../img/round-check_white.svg'); }
    .dev .table tbody tr:not(.no_hover):hover td .info, .dev .table tbody tr.active td .info{ background: url('../img/round-question_white.svg'); }
    .dev .table tbody tr:not(.no_hover):hover td.name, .dev .table tbody tr.active td.name{ color: #fff; }

    #featureTable tbody tr:hover td .info, .table tbody tr.active td .info{ background: url('../img/round-question_white.svg'); }
    #featureTable tbody tr:hover td .icon_check, .table tbody tr.active td .icon_check{ background: url('../img/round-check_white.svg'); }
    .table tfoot td.tab{ padding: 10px; border-bottom: 1px solid #E4E5E9; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }

    .mobile-price-slide.pricing_tabs{ position: unset; }
	.mobile-price-slide .owl-stage-outer { max-height: 100%; }
	
    .mobile-price-slide .feature_list, .tablet-price-slide .feature_list{ display: flex; flex-direction: column; gap: 15px; }
    .mobile-price-slide .feature_list li, .tablet-price-slide .feature_list li{ padding: 0 30px; position: relative; color: #617A94; }
    .mobile-price-slide .feature_list li .info, .tablet-price-slide .feature_list li .info{ display: inline-block; background: url('../img/round-question.svg'); width: 20px; height: 20px; position: absolute; left: 0px; }
    .mobile-price-slide .feature_list li .icon_check, .tablet-price-slide .feature_list li .icon_check{ display: inline-block; background: url('../img/round-check.svg'); width: 20px; height: 20px; position: absolute; right: 0px; }
    .dev .feature_list li .icon_check{ background: url('../img/round-check-green.svg'); }
    
    .select_row{ color: #2E3646; }
    .select_block{ position: relative; }
    .select_block .arrow{ margin-left: 5px; background: url('../img/arrow_down_gray.svg'); width: 12px; height: 8px; display: inline-block; transform: rotate(180deg); position: relative; top: -1px; min-width: 12px; }
    .select_block .value{ display: inline-block; position: relative; padding-right: 20px; }
    .select_block .value::after{ content: ''; display: inline-block; background: url('../img/arrow_down.svg'); width: 12px; height: 8px; position: absolute; right: 3px; top: 6px; }
    .select_block:hover{ cursor: pointer; }
    .select_block .submenu{ display: none; background: #FFFFFF; position: absolute; top: 35px; border-radius: 12px; flex-direction: column; gap: 5px; padding: 5px 0; z-index: 999; }
    .select_block.active .submenu { display: flex; }
    .select_block.active .arrow { transform: rotate(0deg); }
    .select_block .submenu li{ color: #2E3646; display: block; margin: 0 6px; border-radius: 6px; text-align: left; padding: 7px 10px; }
    .select_block .submenu li a{ color: #617A94 !important; display: block; padding: 5px 10px; }
    .select_block .submenu li:hover{ background: #E5F0FF; }

    .pricing_select_row{ max-width: 100%; margin: 0 auto; text-align: right; margin-bottom: 10px; color: #fff !important; display: flex; justify-content: space-between; align-items: flex-end; min-height: 73px; } /* width: 875px; */
    .pricing_select_row .select_block{ margin-left: auto; }
    .pricing_select_row .select_block .value{ padding: 10px; padding-right: 25px; border-radius: 7px; border: 1px solid transparent;}
    .pricing_select_row .select_block .value::after{ top: 16px; }
    .pricing_select_row .select_block .value:hover{ border-color: #fff; }
    .pricing_select_row.dark{ color: #2E3646 !important; }
    .pricing_select_row.dark .value::after{ background: url('../img/arrow_down_gray.svg'); transform: rotate(180deg); }
    .pricing_select_row.dark .select_block .value:hover{ border-color: #2E3646; }
    .pricing_select_row .submenu{ right: 0px; }

    .pricing_select_row .subscription_choice{ display: flex; flex-direction: column; gap: 10px; align-items: baseline; margin-bottom: 10px; }
    .pricing_select_row .subscription_choice .buttons{ margin-top: 0; gap: 0px; }
    .pricing_select_row .subscription_choice .buttons .btn{ min-width: 130px; padding: 10px 20px; background-color: transparent; color: #5486D6; border-radius: 0px; }
    .pricing_select_row .subscription_choice .buttons .btn.active{ background-color: #5486D6; color: #fff; }
    .pricing_select_row .subscription_choice .buttons .btn:first-child{ border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
    .pricing_select_row .subscription_choice .buttons .btn:last-child{ border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
    
    .pricing_select_row .subscription_choice .notion{ color: #5486D6; font-size: 12px; font-weight: 300; }
   
    .standard_version .priceSubscription { display:none; }

    #featureTableDev .tab_header .title{ padding-left: 30px; font-size: 20px; white-space: nowrap; }

    .price_currency{ display: none; }
    .price_currency.active{ display: inline-block; }
    
    .modal{ position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; display: none; z-index: 999; }
    .modal .relative-box{ position: relative; display: block; }
    .modal .title{ color: #2E3646; font-size: 24px; line-height: 32px; font-weight: 600; }
    .modal .text{ color: #617A94; font-size: 15px; line-height: 24px; font-weight: 400; margin: 20px 0; }

    .modal-close{ position: absolute; background: url('../img/close_icon.svg'); width: 32px; height: 32px; top: 0px; right: 0px; border: 0; }
    .modal-close:hover{ cursor: pointer; }

    .popup-arrow-left, .popup-arrow-right { background: url('../img/arrow_down_gray.svg'); background-repeat:no-repeat;display: inline-block; cursor: pointer; width: 17px; height: 30px; position: absolute; top: calc(50% - 15px); background-size: 17px 30px; }
    .popup-arrow-left{ left: -23px; transform: rotate(-90deg); }
    .popup-arrow-right{ right: -23px; transform: rotate(90deg); }

/* Cart */
    .table{ width: 100%; border-collapse: separate; }
    .table th{ color: #617A94; padding: 5px 20px; font-size: 14px; }
    .cart_table tbody td:first-child{ border-top-left-radius: 12px; }
    .cart_table tbody td:last-child{ border-top-right-radius: 12px; }
    .cart_table tbody td{ padding: 20px; vertical-align: middle; }
    .cart_table .row_total{ font-weight: 600; min-width: 85px; }
    .cart_table .close{ width: 12px; height: 12px; background: url('../img/cross_gray.svg'); display: inline-block; }
    .cart_table .close:hover{ cursor: pointer; }
    .table .product_row.light_green td{ background-color: #F8FBFF; border-top: 12px solid #D0E2FF; }
    .table .product_row.medium_blue td {
        background-color: #F1F7FF;
        /*border-top: 1px solid #5486D6;*/
    }
    .table .product_row.dark_blue td{ background-color: #F1F7FF; border-top: 1px solid #0556BD; }
    
    .table .product_row.light_green td{ background-color: #F7FDFD; border-top: 1px solid #67AEB0; }
    .table .product_row.medium_green td{ background-color: #F3FFFF; border-top: 1px solid #349395; }
    .table .product_row.dark_green td{ background-color: #EDFFFF; border-top: 1px solid #006C6F; }

    .table .product_row .table_value{ color: #000000; }

    .table .product_row.orange td{ background-color: #FFFCF3; border-top: 12px solid #FFB82E; }
    .table .product_row.red td{ background-color: #FFF5F5; }

    .table .product_row.no-border-top td{ border-top: none; }

    .table .product_row.with_border td{ border-top: 1px solid #E4E4E7; border-bottom: 1px solid #E4E4E7; vertical-align: middle; }
    .table .product_row.with_border td:first-child{ border-left: 1px solid #E4E4E7; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
    .table .product_row.with_border td:last-child{ border-right: 1px solid #E4E4E7; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
    .table .product_row.with_border.medium_green td{ border-color: #439F6E; }
    .table .product_row.with_border.red td{ border-color: #F97D7E; }
    .table .product_row.with_border.orange td{ border-color: #FFB82E; }

    .cart_table .divider_row td{ border-top: none; padding: 0px; height: 10px; }
    .cart_table .add_more td { color: #617A94; font-weight: 600; font-size: 24px; line-height: 32px; background: #fff; border-radius: 12px; padding: 0;border:1px solid #2A67E7; }
    .cart_table .add_more.closed td:hover{ box-shadow: 0px 5px 14px 5px #0518921F; }
    .cart_table .add_more td a{ color: #617A94; text-decoration: none; display: block; padding: 10px 20px; }
    .cart_table .add_more td .add_product_icon{ display: inline-block; width: 19px; height: 19px; margin-right: 10px; }
    .cart_table .add_more.closed td .add_product_icon{ background: url('../img/icon-plus.svg'); }
    .cart_table .add_more:not(.closed) td .add_product_icon{ background: url('../img/icon-minus.svg'); background-repeat: no-repeat; height: 5px; position: relative; top: -5px; }
    .cart_table .totals td{ padding: 10px 0; color: #2E3646; }

    .counter{ display: flex; }
    .counter input{ text-align: center; color: #2E3646; width: 50px; border: none; outline: none; background-color: transparent; height: 34px;font-size:15px; }
    .counter span{ display: inline-block; width: 34px; height: 34px; border: 1px solid #d1d9e2; background-color: #ffffff; background-repeat: no-repeat; background-position: center;border-radius:3px; }
    .counter span:hover{ border: 1px solid #000; }
    .counter span.icon-minus{ background-image: url('../img/icon-minus-small.svg'); }
    .counter span.icon-plus{ background-image: url('../img/icon-plus-small.svg'); }
    .counter span.icon-minus:hover{ background-image: url('../img/icon-minus-small-black.svg'); }
    .counter span.icon-plus:hover{ background-image: url('../img/icon-plus-small-black.svg'); }
    .counter span:hover{ cursor: pointer; }

    .payments .btn{ padding: 10px;}
    .payments .text{ font-size: 13px; color: #5F6D7E; }

    .products_to_add{ padding: 20px; font-weight: 400; font-size: 14px; color: #5F6D7E; }
    .closed .products_to_add{ display:none; }
    .products_to_add > *{ max-width: 100%; margin: 0 auto; }
    .products_to_add .price{ font-size: 16px; line-height: 22px; justify-content: flex-start; }
    .products_to_add .row{ gap: 15px; }
    .products_to_add .tab{ width: 380px; padding: 25px; border-top: 1px solid #E4E5E9; border-bottom: 1px solid #E4E5E9; border-radius: 12px; display: flex !important; }
    .products_to_add .tab.light_blue{ border-top: 12px solid #D0E2FF; }
    .products_to_add .tab.medium_blue{ border-top: 1px solid #5486d6; }
    .products_to_add .tab.dark_blue{ border-top: 12px solid #0556BD; }
    .products_to_add .tab.dark_green{ border-top: 12px solid #006C6F; }
    .products_to_add .tab.medium_green{ border-top: 12px solid #349395; }
    .products_to_add .tab.orange{ border-top: 12px solid #FFB82E; }
    .products_to_add .tab:hover { background-color: #fff; }
    .products_to_add .title .standard_icon{ width: 28px; height: 28px; background-size: 28px; top: 3px; }
    .products_to_add .title .gray_icon{ width: 30px; height: 30px; background-size: 30px; top: 3px; }
    .products_to_add .title .dev_icon{ width: 26px; height: 34px; background-size: 26px 34px; top: 0px; }
    .products_to_add .price{ margin-top: auto; }

	.oldPrice { text-decoration:line-through;font-weight:normal; }

    .promoStatus { position:absolute; right:8px; top:29px; height:16px; line-height:16px; border-radius:4px; font-size:11px; padding:3px 8px; color:#fff; }
    .promoStatus:not(.visible) { display:none; }
    .promoStatus.correct { background-color: #3ebb60; }
    .promoStatus.incorrect { background-color: #dc5655; }

	#quoteBtns, #purchaseBtns { display:none; }

/* Documentation */
    .btn-standard,
    .btn-dev{ position: relative; padding: 10px 30px !important; text-align: left !important; display: flex !important; align-items: center; border: none !important; background: none; color: #2E3646 !important; }
    .btn-standard:hover{ background-color: #051892; color: #fff !important; cursor: pointer; }
    .btn-dev:hover{ background-color: #053C3D; color: #fff !important; cursor: pointer; }
    .btn-standard span.icon,
    .btn-dev span.icon{ display: inline-block; margin-right: 5px; }
    .btn-standard span.name,
    .btn-dev span.name{ width: calc(100% - 25px); }
    .btn-dev span.icon{ margin-right: 7px; }
    .btn-standard span.icon{ background-image: url('../img/icon_standard.svg'); width: 22px; min-width: 22px; height: 21px; background-size: 22px; }
    .btn-dev span.icon{ background-image: url('../img/icon_dev.svg'); width: 20px; min-width: 20px; height: 26px; background-size: 20px 26px; }

    .documentation .tab.white_tab{ padding: 20px; max-width: calc(100% - 40px); flex-direction: column !important; padding: 20px !important; width: 100% !important; gap: 0px; }
    .documentation .menu li .menu_item{ color: #617A94; padding: 10px 20px; padding-left: 58px; text-decoration: none; display: block; position: relative; }
    .documentation .menu li .menu_item:hover,
    .documentation .menu li .menu_item.active{ background-color: #E5F0FF; color: #2E3646; border-radius: 6px; cursor: pointer; }
    .documentation .menu li .menu_item.has_submenu::before{ content: ''; width: 12px; height: 8px; background: url('../img/arrow_down_gray.svg'); position: absolute; left: 37px; top: 14px; transform: rotate(90deg); }
    .documentation .menu li .level_1 .menu_item.has_submenu::before{ left: 52px; }
    .documentation .menu li.active > .menu_item.has_submenu::before{ transform: rotate(180deg); }
    .documentation .menu li .submenu{ display: none; }
    .documentation .menu li .submenu .menu_item{ padding-left: 75px; }
    .documentation .menu li.active > .submenu{ display: block; }

    .documentation_select{ display: none; }

    .documentation_menu .menu .active > a{ background: #E5F0FF; border-radius: 6px; font-weight: 600; }
    /* .documentation_menu.no-left-padding .menu a { padding-left:20px; } */
    
/* Faq */
    .faq .faq_list{ list-style: none; display: flex; flex-direction: column; gap: 10px; width: 940px; margin: 0 auto; max-width: 100%; }
    .faq .faq_list li{ background-color: #FFFFFF; color: #617A94; border-radius: 8px; border: 1px solid #E3E6F2; position: relative; padding: 15px 30px; }
    .faq .faq_list li::before{ content: ''; background-image: url('../img/blue_arrow.svg'); width: 5px; height: 10px; position: absolute; top: 20px; left: 14px; background-size: 5px 10px; }
    .faq .faq_list li:hover{ cursor: pointer; }
    .faq .faq_list li .content{ display: none; margin-top: 15px; color: #617A94 }
    .faq .faq_list li.active{ box-shadow: 0px 2px 10px 0px #0518921F; }
    .faq .faq_list li.active::before{ transform: rotate(90deg); height: 11px; }
    
    .faq .faq_list.pricing_faq li.active{ box-shadow: none; }

/* User profile */
    .select_tabs ul{ display: flex; justify-content: center; gap: 10px; }
    .select_tabs li{ border: 1px solid #E4E4E7; border-radius: 8px; color: #617A94; display: flex; }
    .select_tabs li a{ text-decoration: none; padding: 10px 15px; color: #617A94; }
    .select_tabs li:hover{ cursor: pointer; }
    .select_tabs li.active{ border-color: #2A67E7; background-color: #E5F0FF; color: #2A67E7; }
    .select_tabs li.active a{ color: #1243F0; }
    
	.user_orders .product_row td { line-height:20px; }
	.user_orders .product_row .icon { float:left;top:0; }
	
    .product_and_licenses .product_row .sub-title,
    .product_and_licenses .tab .sub-title{ padding-left: 36px; }
    .product_and_licenses .product_row td, 
    .product_and_licenses_open .product_row td {
        vertical-align: middle;
        padding: 25px 20px;
        border-top: 1px solid #E4E4E7;
        border-bottom: 1px solid #E4E4E7;
    }

    .product_and_licenses .product_row td:first-child,
    .product_and_licenses_open .product_row td:first-child{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-left: 1px solid #E4E4E7; }
    .product_and_licenses .product_row td:last-child,
    .product_and_licenses_open .product_row td:last-child{ border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-right: 1px solid #E4E4E7; }
    .product_and_licenses_open .product_row.red td{ border-color: #F97D7E !important; }

    .product_and_licenses_open .product_row.expired td {
        background-color: #FFF5F5;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #F3484B;
    }

    .product_and_licenses_open .product_row td.expired {
        color: #F93232;
    }

    .product_and_licenses .divider_row td,
    .product_and_licenses_open .divider_row td{ padding: 5px; }
    .round_item_container{ display: flex; flex-wrap: wrap; gap: 5px; }
    .round-items{ border-radius: 20px; border: 1px solid #E4E4E7; padding: 5px 10px; display: inline-block; }

	.cart_section .sub-title { text-align:left; }

    .user_form{ width: 500px; }
    .user_profile.product_and_licenses .tab,
    .user_profile.product_and_licenses_open .tab,
    .user_profile.account .tab{ width: unset; border-top: 1px solid #E6E9EC; }
    .user_profile .item_block { padding: 10px 20px; }
    .user_profile .item_block .sub-title { text-align:left; }
    .user_profile .item_block.first_row { min-height: 80px; }
    .user_profile .item_block.gray_border_bottom { border-bottom: 1px solid #E4E4E7; }

    .user_profile.account .tab.medium_green{ border-color: #439F6E; }
    .user_profile.account .tab.red{ border-color: #F97D7E; }
    .user_profile.account .tab.orange{ border-color: #FFB82E; }
    
    .user_profile.account td{ vertical-align: middle; padding: 25px 10px; }
    
    .user_profile.account .divider_row td{ padding: 5px; }

    .user_profile.product_and_licenses_data .row{ border: 1px solid #E4E4E7; border-radius: 12px; background-color: #fff; padding: 20px; max-width: calc(100% - 40px); margin: 0 auto; }
    

    .user_profile .icon{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 4px; }
    .user_profile .icon.icon-success{ background: url('../img/check-green.svg'); }
    .user_profile .icon.icon-error{ background: url('../img/icon-error.svg'); }
    .user_profile .icon.icon-warning{ background: url('../img/icon-warning.svg'); }
    
	.notification { padding:10px 10px 10px 40px;background:#E5F0FF;border:1px solid #2A67E7;position:relative;font-size:12px;text-align:left;border-radius:3px;margin-bottom:20px;line-height:20px; }
	.notification.success { background:#F1FFF4;border:1px solid #439F6E; }
	.notification.warning { background:#FFFBF4;border:1px solid #FFB82E; }
	.notification.error { background:#FFF5F5;border:1px solid #F97D7E; }
		
		.notification::before { content:'';display: inline-block; width: 20px; height: 20px;position:absolute;top:10px;left:10px;background: url('../img/icon-info.svg');  }
		.notification.success::before { background: url('../img/check-green.svg'); }
		.notification.warning::before { background: url('../img/icon-warning.svg'); }
		.notification.error::before { background: url('../img/icon-error.svg'); }

		.notification h5 { font-weight:bold; }
		.notification p { margin:0; }

    .notification.copied_notif{ margin-bottom: 0; }

    .field_with_caps_warning .warning{ display: none; border: none; background: none; color: #AAA; }
    .field_with_caps_warning.active_warning .password_field{ border: 1px solid #FFB82E !important; }
    .field_with_caps_warning.active_warning .warning{ display: block; }
		
    .user_form .btn.small{ padding: 12px 18px; }

    .checkbox_block{ display: inline-block; color: #444449; }
    .checkbox_block .label{ margin-bottom: 5px; font-size: 14px; }
    .checkbox_block label{ display: inline-block;  position: relative; padding-left: 23px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; }
    .checkbox_block input:not(.text-field){ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
    .checkbox_block .checkmark{ position: absolute; top: 4px; left: 0; height: 16px; width: 16px; background-color: #fff; border-radius: 4px; border: 1px solid #D9D9D9; }
    .checkbox_block .text { font-size:13px; }
    .checkbox_block label:hover input ~ .checkmark { border-color: #ADADAD; }
    .checkbox_block label:hover input:checked ~ .checkmark { background-color: #003DA4; border-color: #003DA4; }
    .checkbox_block label input:checked ~ .checkmark{ background-color: #2A67E7; border-color: #2A67E7; }
    .checkbox_block .checkmark:after { content: ""; position: absolute; display: none; }
    .checkbox_block label input:checked ~ .checkmark:after { display: block; }
    .checkbox_block label .checkmark:after { left: 6px; top: 2px; width: 3px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Login */
    .btn.btn-login{ display: inline-block; width: calc(50% - 3px); background: none; border: none; border-bottom: 1px solid #E4E5E9; color: #617A94; font-size: 14px; padding: 10px 0; min-width: unset; border-radius: 0px; }
    .btn.btn-login.active{ border-color: #2A67E7; color: #2A67E7; }
    .btn.btn-login:hover{ cursor: pointer; }

    .login_content .header_block{ padding-bottom: 100px; min-height: calc(100vh - 200px); }

    .login_block{ max-width: 400px; margin: 0 auto; }
    .login_block label{ text-align: left; }

    .login_block .divider_row{ display: flex; align-items: center; }
    .login_block .divider_row .divider{ height: 1px; background-color: #E4E5E9; width: 50%; }
    .login_block .divider_row .text{ color: #D4D4D8; text-align: center; width: 50px; }
   
	.user_profile .login_block { max-width: none !important; }
    .user_profile .login_block .divider_row .text{ width: 280px; }
    .user_profile .login_block .icon-success { top:2px;float:left;margin-right:0; }
    .user_profile .login_block span.btn { cursor:default; }

    .login_block .btn-gray{ background-color: transparent; border: 1px solid #E4E4E7; }
    .login_block .btn-gray:hover{ cursor: pointer; border-color: #A1A1AA; }
    .login_block .microsoft_icon,
    .login_block .github_icon,
    .login_block .google_icon{ display: inline-block; width: 15px; height: 15px; margin-right: 10px; position: relative; top: 2px; }
    .login_block .microsoft_icon{ background: url('../img/microsoft.svg'); }
    .login_block .github_icon{ background: url('../img/github.svg'); }
    .login_block .google_icon{ background: url('../img/google.svg'); }

    .login_block .forgot_password,
    .login_block .forgot_password .text,
    .login_block .remember_me_row,
    .login_block .remember_me_row .text{ font-size: 13px; top: 1px; }

    .login_block .remember_me_row{ }

    .login_block .external_logins .btn{ width: 100%; padding: 7px 18px;box-sizing: border-box;  }

    .documentation .wysiwyg_content{ padding: 20px 40px; }
    .wysiwyg_content ol, .wysiwyg_content ul{ width: calc(100% - 80px); margin-left: auto; margin-right: auto; }
    .wysiwyg_content ul{ list-style: unset; }
    .wysiwyg_content ol li, .wysiwyg_content ul li{ margin-bottom: 15px; }
    .wysiwyg_content a{ color: #2A67E7; }
    .wysiwyg_content a:hover{ cursor: pointer; }

/* Blog */
    .tab.white_tab{ background-color: #fff; border: 1px solid #E4E4E7; border-radius: 12px; flex-direction: row; padding: 40px 60px; width: calc(100% - 120px) !important; gap: 20px; }

    .blog_list{ margin-bottom: 40px; }
    .blog_list .date{ color: #617A94; font-size: 14px; }
    .blog_list .author{ color: #2E3646; font-size: 14px; }

    .blog_list .owl-dots{ position: absolute; bottom: 10px; display: flex; gap: 5px; right: 0; left: 50%; transform: translate(-50%, 0); justify-content: center; bottom: -30px; }
    .blog_list .owl-dots .owl-dot{ width: 14px; height: 14px; border-radius: 14px; background-color: #2A67E7; }
    
    .blog_list .tab{ max-width: calc(100% - 122px); }

    .blog_post .date{ color: #2E3646; font-size: 14px; }

    .wysiwyg_content .link{ color: #2A67E7; }
    .wysiwyg_content h2{ font-size: 24px; }

    .block_link:hover{ cursor: pointer; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

/* Downloads */
    .download_section{ max-width: 800px; margin: 0 auto; }
    .option_buttons{ display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 50px; }
    .option_buttons .option{ display: flex; flex-direction: column; /*justify-content: center;*/ align-items: center; text-align: center; flex: 50%; gap: 10px; min-width: 255px; }
    .option_buttons .option .white_block{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 100px; height: 95px; padding: 15px 20px !important; color: #617A94; }
    .option_buttons .option img{ display: block; margin: 0 auto; }
    .option_buttons .btn{ min-width: 60px !important; }
    .gray_link{ color: #617A94; }
    .requirement_list{ width: 400px; margin: 0 auto; list-style: disc; display: flex; flex-direction: column; gap: 7px; max-width: calc(100% - 20px); padding-left: 20px;}

    
    .blue_table{ font-size: 13px; margin: 0 auto; border-collapse: unset; }
    .blue_table th, .blue_table td{ border: 1px solid #E4E4E7; padding: 20px; border-collapse: unset; vertical-align: middle; }
    .blue_table thead th{ background: #003DA4; color: #fff; }
    .blue_table thead th:first-child{ border-top-left-radius: 12px; }
    .blue_table thead th:last-child{ border-top-right-radius: 12px; }

    .dev .blue_table thead th{ background: #026063; }

    .blue_table td:not(:last-child), .blue_table th:not(:last-child){ border-right: none; }
    .blue_table td{ border-top: none; padding: 10px 20px; }

    .blue_table tbody td{ color: #617A94; }
    .blue_table tbody tr:last-child td:first-child{ border-bottom-left-radius: 12px; }
    .blue_table tbody tr:last-child td:last-child{ border-bottom-right-radius: 12px; }

    .download_btn{ display: inline-block; border-radius: 4px; width: 32px; height: 32px; background-color: #2A67E7; background-image: url('../img/arrow_down_white.svg'); background-position: center; background-repeat: no-repeat; }
    .dev .download_btn{ background-color: #349395; }

    .option_drop_block{ display: inline-block; position: relative; min-width: 100px; width: 100%; }
    .option_drop_block .btn .arrow{ display: inline-block; width: 12px; height: 8px; background: url('../img/arrow_down.svg'); margin-left: 5px; }
    .option_drop_block.active .btn{ background-color: #003DA4; border-color: #003DA4; }
    .dev .option_drop_block.active .btn{ background-color: #026063; border-color: #026063;}
    .option_drop_block.active .btn .arrow{ transform: rotate(180deg); position: relative; top: -1px; }
    .option_drop_block .option_list{ display: none; position: absolute; background: #fff; padding: 10px; border-radius: 12px; box-shadow: 0px 12px 20px 8px #0518921F; z-index: 99; min-width: calc(100% - 20px); top: 40px; }
    .option_drop_block.active .option_list{ display: block; }
    .option_drop_block .option_list a{ display: block; color: #A1A1AA; margin-bottom: 5px; padding: 5px; text-decoration: none; }
    .option_drop_block .option_list a:last-child{ margin-bottom: 0px; }
    .option_drop_block .option_list a:hover{ background: #E5F0FF; color: #2E3646; border-radius: 6px; }

/* Poster wall */
    .poster_wall{ display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; position: relative; margin: 0px auto; max-width: 100%; }
    .poster_wall .tab{ width: 364px !important; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; position: absolute; margin: 5px; max-width: calc(100% - 50px); line-height: 1.4; color: #2E3646; }
    .poster_wall .tab:hover{ box-shadow: 0px 12px 20px 8px #0518921F; }
    .poster_wall .content{ color: #2E3646; line-height: 26px; margin-bottom: 20px; }
    .poster_wall .client-data{ display: flex; justify-content: space-between; align-items: center; }
    .poster_wall .client-data .title{ font-size: 18px; font-weight: 500; line-height: 20px; }
    .poster_wall .client-data .title .name{ display: block; }
    .poster_wall .client-data .title .company{ display: block; color: #2E3646; font-size: 14px; }
    .poster_wall .client-data img{ width: 72px !important; height: 72px; }
    .poster_wall img{ object-fit: contain;  }
    .poster_wall .tab ol{ padding-left: 20px; }
    .poster_wall a{ word-wrap: break-word; }

/* App library */
    /* Top row */
    .app_library-table{ font-size: 12px; }
    .app_library-table .form-double{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
    .app_library-table .form-double .form-group{ width: 50%; }
    .app_library-table #search_for{ height: 50px; max-width: calc(100% - 22px); border: 1px solid #E4E4E7; border-radius: 4px; padding: 10px; outline: none; background: #fff; box-sizing: border-box; width: 100%; }
    .app_library-table .form-double .btn{ padding: 15px 18px; }

    /* Table */
    .app_library-table .table_block{ overflow: auto; min-height: 300px; position: relative; }
    .app_library-table table{ width: 100%; border-collapse: inherit; }
    .app_library-table thead tr th{ background-color: #0556BD; color: #fff; border: 1px solid #617A94; padding: 15px 10px; }
    .app_library-table thead tr th:first-of-type{ border-top-left-radius: 8px; }
    .app_library-table thead tr th:last-child{ border-top-right-radius: 8px; }
    .app_library-table tr td{ border: 1px solid #d6d6d6; }

    #appLibraryTable thead th{ padding: 0px; padding-left: 8px; height: 40px; line-height: 40px; position: relative; background-clip: padding-box; }
    #appLibraryTable thead th .library_more{ display: inline-block; width: 30px; height: 40px; background: url('../img/more.png'); background-size: 16px; background-repeat: no-repeat; background-position: center; float: right; }
    #appLibraryTable thead th.active .library_more, #appLibraryTable thead th .library_more:hover{ cursor: pointer; background-color: #003DA4; }
    #appLibraryTable thead th .sort_icon{ float: right; margin-right: 5px; color: #fff; font-size: 22px; font-weight: 400; }
    #appLibraryTable thead th .more_options{ display: none; }
    #appLibraryTable thead th .more_options .arrow_icon{ font-size: 18px; }
    #appLibraryTable thead th.active .more_options{ display: block !important; position: absolute; top: 100%; width: 200px; right: 0px; z-index: 9999; background: #fff; border: 1px solid #d6d6d6; padding: 5px; box-shadow: 1px 4px 4px 0 #00000038; }
    #appLibraryTable thead th .more_options button{ width: 100%; background-color: #fff; color: #111820; border: none; text-align: left; padding: 2px 3px; font-weight: 400; font-size: 13px; height: 30px; line-height: normal; }
    #appLibraryTable thead th .more_options button:hover{ background: #eaeaea; }
    #appLibraryTable thead th .more_options input{ width: calc(100% - 10px); height: 25px; border: 1px solid #d6d6d6; color: #111820; }
    #appLibraryTable thead th .more_options input[type="checkbox"]{ width: 25px; margin-right: 10px; }
    #appLibraryTable thead th .more_options .form-group { line-height: normal; margin-top: 5px; margin-bottom: 10px; }
    #appLibraryTable thead th .more_options .checkbox { color: #000; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }

    #appLibraryTable thead th .more_options .checkbox .checkmark::after { font-size: 22px; left: -1px; top: -3px; }
    #appLibraryTable tbody tr:hover { cursor: pointer; background-color: #dff0f7; }
    #appLibraryTable tbody td{ padding: 5px !important; color: #617A94; font-size: 14px; line-height: 20px; vertical-align: middle; }
    #appLibraryTable .small_screen_block{ display: none; }

    .app_library-table .new_app_library_block{ font-size: 16px; }

    .loader_overlay{ position: absolute; left: -10px; width: 100%; height: 100%; display: block; background: #ccc; z-index: 1000; opacity: 0.6; border: 0 !important; padding: 0 10px; }
    .pagination{ list-style: none; font-size: 16px; margin-top: 30px; text-align: center; }
    .pagination li.first { border-left: none; }
    .pagination li { display: inline-block; border-left: 1px solid #d6d6d6; }
    .pagination li.active a, .pagination li:hover a { color: #0199da; }
    .pagination li a { display: inline-block; padding: 3px 10px; color: #111820; text-align: center; }

    /* Form */
    #app_library_form{ max-width: 600px; margin: 0 auto; }
    #app_library_form .form-field{ margin-bottom: 15px; }
    .checmark_row{ display: flex; gap: 10px; }

/* Footer */
    /*FL// .footer{ background-color: #141628; padding-top: 40px; padding-bottom: 20px; }*/
    .footer{ background-color: #141628; padding-top: 40px; padding-bottom: 20px; flex:0; }
    .footer .title{ color: #fff; font-size: 32px; line-height: 44px; font-weight: 600; }
    .footer .sub-title{ color: #E3E6F2; font-size: 15px; line-height: 24px; text-align: left; }
    .footer .col{ display: flex; flex-direction: column; justify-content: center; }
    .footer .subscribe_block .email_input{ display: flex; gap: 0; justify-content: right; }
    .footer .subscribe_block input{ padding: 8px 18px; color: #617A94; font-size: 13px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; outline: none; border: none; }
    .footer .subscribe_block button{ background-color: #2A67E7; text-align: center; padding: 8px 18px; border: none; color: #fff; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .footer .divider{ width: 100%; height: 1px; background: #617A94; }

    .footer .footer_menu{ display: flex; justify-content: space-between; flex-direction: row; }
    .footer .footer_menu ul{ list-style: none; display: flex; flex-direction: column; gap: 10px; }
    .footer .footer_menu ul li.title{ color: #617A94; font-size: 16px; line-break: 22px; }
    .footer .footer_menu ul li a{ color: #E3E6F2; font-size: 15px; line-height: 24px; text-decoration: none; }

    .footer .footer_row{ flex-direction: row; justify-content: space-between; align-items: center; }
    .footer .footer_row .copyright{ color: #5F6D7E; font-size: 13px; line-height: 20px; }
    .footer .footer_row ul.socials{ display: flex; gap: 20px; justify-content: end; }
    .footer .footer_row ul.socials a{ display: inline-block; background-repeat: no-repeat; width: 24px; height: 24px; }
    .footer .footer_row ul.socials a.x{ background-image: url('../img/icon_x.svg'); }
    .footer .footer_row ul.socials a.youtube{ background-image: url('../img/icon_youtube.svg'); }
    .footer .footer_row ul.socials a.linkedin{ width: 22px; height: 22px; background-image: url('../img/icon_linkedin.svg'); }
    .footer .footer_row ul.socials a.discord{ background-image: url('../img/icon_discord.svg'); }

/* Cookies */
    #cookie { width:100%;min-height:30px;background-color:rgb(0,27,73);position:fixed;bottom:0;padding:15px 0; z-index: 9999; display: inline-flex;}
    #cookie .container { display: flex; flex-direction: row; align-items: center; box-sizing:border-box; padding: 0 10px; justify-content: space-between; gap: 15px; }
    #cookie p { display:inline-block; font-size:12px; line-height:20px; color: white; width:600px; max-width: 75%; }
    #cookie a { color: #0199da; text-decoration: none; }
    #cookie .buttons { text-align: right; display: flex; gap: 10px; flex-wrap: wrap; justify-content: end; }
    #cookie .buttons .btn{ padding: 10px 15px; font-size: 11px; margin: 0px; text-align: center; border: 1px solid #2A67E7; text-decoration: none; border-radius: 8px; color: #fff; background-color: #2A67E7; font-weight: 600; display: inline-block; }
    #cookie .buttons .btn:hover{ background: #003DA4; border-color: #003DA4; }