/* ==================================================================================================================================================== */
/* ====================================================================== VARIABLES =================================================================== */
/* ==================================================================================================================================================== */

:root {
    --color-grey-10:#F4F4F4;
    --color-grey-20:#E9E9E9;
    --color-grey-30:#D7D7D7;
    --color-grey-40:#BEBEBE;
    --color-grey-50:#AEAEAE;
    --color-silver-40:#CCD1EB;
    --color-silver-50:#B1B6D3;
    --color-silver-60:#9095af;
    --color-silver-90:#434A70;
    --color-blue-10:#c1ccfd;
    --color-blue-20:#91a4ff;
    --color-blue-50:#4862E4;
    --color-blue-60:#2D40A0;
    --color-blue-70:#25337D;
    --color-blue-80:#1C2659;
    --color-blue-90:#161F4F;
    --color-blue-100:#111827;
    --color-green-50:#12EEA3;
    --color-green-60:#00D58C;
    --color-green-70:#11A370;
    --color-green-80:#227C5A;
    --color-green-90:#074028;
    --color-yellow-60:#E5EA02;
    --color-yellow-80:#878A29;
    --color-yellow-90:#353A05;

	--font-poppins:'Poppins', 'Inter', Arial;
	--font-inter:'Inter', Arial;
	--font-awesome:'Font Awesome 6 Pro';    
}



@font-face { font-family:'Poppins'; src:url('../fonts/Poppins-SemiBold.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter'; src:url('../fonts/Inter_18pt-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Inter'; src:url('../fonts/Inter_18pt-Bold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }


/* ==================================================================================================================================================== */
/* ======================================================================= HTML TAGS ================================================================== */
/* ==================================================================================================================================================== */


*, *::before, *::after{ box-sizing:border-box; }

body, html{ font-family:var(--font-inter); position:relative; color:var(--color-silver-90); margin:0; padding:0; font-size:14px; line-height:1.7; scroll-behavior:smooth; }
body{ overflow-x:hidden; overflow-y:scroll; min-height:100%; visibility:visible!important; background:var(--color-grey-20); }
a{ text-decoration:none; color:var(--color-green-70); cursor:pointer; }
table, td, th, tr{ margin:0; padding:0; border-collapse:collapse; border-spacing:0; text-align:left; vertical-align:top; font-weight:400; }
p{ margin:16px 0; }
h1, h2, h3, h4, h5, h6{ font-family:var(--font-poppins);  color:var(--color-blue-80); margin:0; }
h2{ font-size:26px; line-height:1.2; }
h3{ font-size:18px; line-height:1.3; }
li, ol, ul{ margin:0; padding:0; list-style:none; }
article, aside, header, main, section{ display:block; }
input{ font-size:inherit; }
input::placeholder { color:var(--color-silver-60); opacity:1; }
input::-ms-input-placeholder { color:var(--color-silver-60); }
button, .button{ touch-action:manipulation; user-select:none; -webkit-user-select:none; font-size:inherit; color:inherit; font-family:inherit; cursor:pointer; border:0; background-color: transparent; }


/* ==================================================================================================================================================== */
/* =================================================================== TOOL GENERAL =================================================================== */
/* ==================================================================================================================================================== */


/* interactive form */
#int_form{ height:100dvh; background-color:var(--color-grey-20); display:grid; grid-template-rows:auto 1fr auto; grid-template-columns:calc(100% - 480px) 480px; transition:grid-template-columns .2s, background-color .2s; }

.inner_wrap{ max-width:800px; margin:auto; }
.slide_wrap{ position:relative; overflow:hidden; background:var(--color-grey-10); overflow-anchor: none; }

/* hero images */
#int_form .hero{ top:clamp(240px, calc(100% - 400px), calc(100% - 400px)); height:0px; background-size:cover; background-position:top center; position:absolute; left:0; width:100%; animation:fade_out .5s both; }
#int_form #hero_wrap.show .hero{ animation:fade_in .5s both; height:400px; }
#int_form #hero_wrap .hero.hide{ animation:fade_out .5s both; }


/* top bar */
.top_bar{ background-color:white; padding:16px 24px; }
.top_bar .logo{ width:228px; display:block; }



/* ==================================================================================================================================================== */
/* ================================================================ TOOL FORM ELEMENTS ================================================================ */
/* ==================================================================================================================================================== */


/* slide inputs */
.slide_wrap input{ color:var(--color-silver-90); }
.slide_wrap input[type="text"], .slide_wrap input[type="input"], .slide_wrap input[type="number"], .slide_wrap input[type="email"]{ border:0; padding:16px; background:white; border-radius:24px; }
.slide_wrap input + .label{ user-select:none; font-weight:bold; }
.slide_wrap input[type="checkbox"], .slide_wrap input[type="radio"]{ display:none; width:0; height:0; margin:0; position:absolute; }
.slide_wrap input[type="checkbox"] + .label, .slide_wrap input[type="radio"] + .label{ display:grid; grid-template-columns:auto 1fr; border-radius:24px; background-color:white; padding:14px 18px; height:100%; line-height:1.2; align-items:center; grid-gap:8px; transition:background-color .2s, color .2s; cursor:pointer; text-align:left; }
.slide_wrap input[type="checkbox"] + .label:hover, .slide_wrap input[type="radio"] + .label:hover{ background-color:var(--color-grey-20); }
.slide_wrap input[type="checkbox"]:checked + .label, .slide_wrap input[type="radio"]:checked + .label{ background-color:var(--color-silver-40); }
.slide_wrap input[type="checkbox"]:checked + .label:hover, .slide_wrap input[type="radio"]:checked + .label:hover{ background-color:#c3c8e5; }
.slide_wrap input[type="checkbox"]:checked + .label .fa-solid, .slide_wrap input[type="radio"]:checked + .label .fa-solid{ color:var(--color-blue-60); }
.slide_wrap textarea{ padding:20px 24px; border:0; border-radius:0; resize:vertical; font-size:inherit; font-family:inherit; color:inherit; line-height:inherit; border-radius:16px; background:white; width:100%; } 
.slide_wrap select{ padding:20px 48px 20px 20px; border:0; border-radius:0; resize:vertical; font-size:inherit; font-family:inherit; color:inherit; border-radius:16px; background-color:white; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size:10px; background-position:calc(100% - 24px) center; background-repeat:no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTMuNTUxY20iIGhlaWdodD0iNy45MDFjbSIgdmlld0JveD0iMCAwIDM4NC4xMyAyMjMuOTc1Ij48cGF0aCBkPSJNMzIuMDUyLDBDMTkuMTUyLDAsNy40NTIsNy44LDIuNDUyLDE5LjgtMi41NDgsMzEuOC4yNTIsNDUuNSw5LjQ1Miw1NC42bDE2MCwxNjBjMTIuNSwxMi41LDMyLjgsMTIuNSw0NS4zLDBMMzc0Ljc1Miw1NC42YzkuMi05LjIsMTEuOS0yMi45LDYuOS0zNC45LTUtMTItMTYuNy0xOS43LTI5LjYtMTkuN0gzMi4wNTJaIi8+PC9zdmc+"); }

.slide_wrap input + .label .check{ display:inline-block; width:16px; min-width:16px; min-height:16px; height:16px; border:2px solid var(--color-grey-40); position:relative; transition:border-color .2s; vertical-align:middle; top:-1px; margin-right:2px; }
.slide_wrap input + .label .check::before{ content:''; position:absolute; width:10px; height:10px; background-color:var(--color-blue-60); top:1px; left:1px; transform:scale(0); transition:transform .2s; }
.slide_wrap input:checked + .label{ color:var(--color-blue-80); }
.slide_wrap input:checked + .label .check{ border-color:var(--color-blue-80); }
.slide_wrap input:checked + .label .check::before{ transform:scale(1); }
.slide_wrap input[type="radio"] + .label .check, .slide_wrap input[type="radio"] + .label .check::before{ border-radius:100%; }

.slide_wrap label.big_input{ border-radius:16px; background:white; padding:12px 16px; display:grid ; grid-gap:2px; max-width:400px; }
.slide_wrap label.big_input input{ width:100%; font-size:24px; padding:4px; border-radius:0; }
.slide_wrap label.big_input .prefix_input_suffix{ display:flex; grid-gap:2px; align-items:center; }
.slide_wrap label.big_input .prefix,
.slide_wrap label.big_input .suffix{ font-size:16px; color:var(--color-silver-50); line-height:0; }
.slide_wrap label.big_input textarea{ border-radius:8px; }

.slide_wrap .actions{ display:flex; flex-direction:row; align-items:center; margin-top:24px; position:relative; }
.slide_wrap .actions.primary{ grid-gap:12px; top:24px; opacity:0; transition:opacity .4s, top .4s; pointer-events:none; }
.slide_wrap .actions.primary.show{ opacity:1; top:0; pointer-events:auto; }
.slide_wrap .actions strong::after{ content:'\e2e1'; font-family:var(--font-awesome); margin-left:4px; }

.button{ background:var(--color-yellow-60); color:var(--color-yellow-90); font-weight:bold; padding:14px 18px; border:0; border-radius:24px; cursor:pointer; transition:background-color .4s, color .2s; user-select:none; }
.button::before{ content:'\f00c'; font-family:var(--font-awesome); margin-right:4px; }
.button:hover{ background:#d6da00; }
.button.light{ background:transparent; color:var(--color-silver-90); border:2px solid var(--color-grey-20); }
.button.light.loading::after{ color:var(--color-silver-90); }
.button.light:hover{ background:var(--color-grey-20); }
.button.border_dark{ background:transparent; color:var(--color-silver-40); border:2px solid var(--color-blue-70); }
.button.border_dark:hover{ background:var(--color-blue-70); }
.button.turq{ background-color:var(#00829B); }
.button.turq:hover{ background-color:#00758d; }
.button.loading{ color:rgba(255,255,255,0); position:relative; }
.button.loading::after{ content:'\f110'; font-family:var(--font-awesome); color:var(--color-yellow-80); left:calc(50% - 10px); top:calc(50% - 10px); position:absolute; font-size:20px; line-height:1; width:20px; height:20px; animation:rotate infinite 1s linear; }
.button.search::before{ content:'\f002'; }

.slide_wrap .actions.secondary{ grid-gap:24px; }
.slide_wrap .int_form_skip{ color:var(--color-blue-60); font-weight:bold; }
.slide_wrap .int_form_skip::before{ content:'\f08b'; font-family:var(--font-awesome); margin-right:4px; }
.slide_wrap .int_form_prev_inside{ color:var(--color-blue-60); font-weight:bold; }
.slide_wrap .int_form_prev_inside::before{ content:'\f060'; font-family:var(--font-awesome); margin-right:4px; }
.slide_wrap .int_form_unknown{ color:var(--color-blue-60); font-weight:bold; }
.slide_wrap .int_form_unknown::before{ content:'\f08b'; font-family:var(--font-awesome); margin-right:4px; }

/* ==================================================================================================================================================== */
/* ================================================================= TOOL SLIDE STYLES ================================================================ */
/* ==================================================================================================================================================== */


/* slide styles */
.slide_wrap .slide{ padding:24px; padding-top:64px; position:absolute; top:0; left:0%; width:100%; max-height:100%; overflow-y:auto; z-index:2; opacity:1; transform:translateY(0%); top:0; transition:opacity .4s, left .4s, transform .4s;  /*display:flex; flex-direction:column; justify-content:center; align-items:flex-start;*/ }
.slide_wrap .slide h2{ margin-bottom:1em; }
.slide_wrap .slide.hide{ opacity:0; pointer-events:none; z-index:1; }
.slide_wrap .slide.hide.show_half{ opacity:0.5; transform:translateY(calc(-100% + 144px)) !important; }
.slide_wrap .slide.child{ padding-top:160px; /*padding-top:200px;*/ }
.slide_wrap .slide .answers{ display:flex; flex-wrap:wrap; grid-gap:8px; width:100%; }
.slide_wrap .slide .answers .fa-solid{ font-size:18px; color:var(--color-silver-60); transition:color .2s; }
.slide_wrap .slide .info_box_mobile{ display:none; }
.slide_wrap span.optional{ font-weight:normal; color:var(--color-silver-60); }


.slide_wrap .slide.ellipsis input[type="checkbox"] + .label .text, 
.slide_wrap .slide.ellipsis input[type="radio"] + .label .text{ overflow:hidden; text-overflow:ellipsis; }
.slide_wrap .slide.ellipsis input[type="checkbox"] + .label, 
.slide_wrap .slide.ellipsis input[type="radio"] + .label{ white-space:nowrap; }

.slide_wrap .slide.grid .answers{ display:grid; grid-template-columns:1fr 1fr; }
.slide_wrap .slide.list .answers{ display:grid; grid-template-columns:1fr; }
.slide_wrap .slide.list .answers .label{ width:fit-content; }

.slide_wrap .slide .answers.textarea{ display:grid; }

.slide_wrap .slide--big_buttons input + .label .check{ display:none; }
.slide_wrap .slide--big_buttons .answers{ grid-template-columns:repeat(3, 1fr); text-align:center; }

.slide_wrap .slide#crm_salesproces_yes .answers{ display:grid; }
.slide_wrap .slide#crm_salesproces_yes .answers label{ width:fit-content; }



.slide_wrap .slide.slide--search label.big_input{ max-width:none; }
.slide_wrap .slide.slide--search label.big_input .prefix_input_suffix{ grid-gap:12px; }
.slide_wrap .slide.slide--search .search_input{ font-size:inherit; height:100%; }

.slide_wrap .slide.slide--search .results_wrapper{ grid-gap:8px; display:grid; }
.slide_wrap .slide.slide--search .results_wrapper .notify > div{ margin:0; width:fit-content; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result { border-radius:16px; padding:8px 0 24px 0; width: 100%; font-weight: normal; cursor:default; background: white; display: flex; flex-direction: column; overflow:hidden; position:relative; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result .no_results{ padding:16px 24px 0 16px; width:100%; text-align:left; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result .company{ padding:16px 24px; width:100%; display:grid; grid-template-columns:1fr auto; grid-gap:16px; align-items: center; justify-items: flex-end; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result .company:hover{ background-color:var(--color-grey-10); }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result .name{ font-weight:bold; color:var(--color-blue-80); }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result .code{ font-weight:normal; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result .text{ width:100%; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result::after{ display:none; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result a{ font-weight:bold; margin-top:8px; }
.slide_wrap .slide.slide--search .results_wrapper .notify .search_result button.button{ padding: 7px 12px; }

.slide_wrap .slide.slide--search .results_wrapper.loading .notify .search_result > *{ opacity:0.4; }
.slide_wrap .slide.slide--search .results_wrapper.loading .notify .search_result::after{ display:block; content:'\f110'; font-family:var(--font-awesome); color:var(--color-blue-80); left:calc(50% - 10px); top:calc(50% - 10px); right:auto; bottom:auto; position:absolute; font-size:20px; line-height:1; width:20px; height:20px; animation:rotate infinite 1s linear; margin:0; padding:0; font-weight:bold; }

.slide_wrap .slide.slide--search .results_wrapper .pagination { display: flex; grid-gap: 8px; justify-content: center; width: 100%; }
.slide_wrap .slide.slide--search .results_wrapper .pagination button { background: white; width: 32px; height: 32px; border-radius: 100%; border: 2px solid var(--color-grey-20); }
.slide_wrap .slide.slide--search .results_wrapper .pagination button.active { background: var(--color-green-60); color: white; font-weight: bold; border: 0; }


.slide_wrap .slide#sector .answers{ display:flex; /*display:grid;*/ }

.slide_wrap .slide--company_size .row{ display:grid; grid-template-columns:auto 1fr; grid-gap:20px; align-items:center; }
.slide_wrap .slide--company_size .row .title{ font-weight:bold; color:var(--color-blue-80); }
.slide_wrap .slide--company_size input{ text-align:center; font-size:24px; width:160px; height:64px; }
.slide_wrap .slide--company_size .optional{ font-weight:normal; color:var(--color-silver-60); }
.slide_wrap .slide--company_size .answers{ grid-gap:24px; }
.slide_wrap .slide--company_size .answers.mobile{ display:none; }
.slide_wrap .slide--company_size .answers.mobile .row{ grid-template-columns:1fr; grid-gap:4px; }

.slide_wrap .slide--summary .inner_wrap{ max-width:none; margin-left:clamp(0px, calc((100% - 800px) / 2), calc((100% - 800px) / 2)); width:calc(60vw - ((100% - 800px) / 2) - 10vw); }
.slide_wrap .slide--summary .title{ display:grid; grid-gap:16px; }
.slide_wrap .slide--summary .summary{ display:grid; grid-gap:16px; align-content:flex-start; }
.slide_wrap .slide--summary .summary p{ margin:0 0 1rem 0; }
.slide_wrap .slide--summary .summary p:last-child{ margin:0; }
.slide_wrap .slide--summary h3{ font-size:16px; color:var(--color-silver-60); }
.slide_wrap .slide--summary h2{ font-size:32px; display:flex; grid-gap:12px; align-items:center; margin-bottom:1rem; margin:0; }
.slide_wrap .slide--summary h2 .icon{ color:var(--color-silver-90); font-size:36px; line-height:0; }
.slide_wrap .slide--summary .int_form_prev_inside{ display:none; }
.slide_wrap .slide--summary .summary_options,
.slide_wrap .slide--summary .summary_options.show,
#int_form.show_summary .slide--summary .summary_options.show{ display:none; }


.slide_wrap .slide--budget .answers { display:grid ; grid-gap:8px; width:100%; grid-template-columns:clamp(180px, 240px, 30%) 1fr; }
.slide_wrap .slide--budget .label_wrapper{ background-color:white; padding:16px 20px 14px 20px; border-radius:16px; }
.slide_wrap .slide--budget label.big_input{ padding:0; max-width:none; }
.slide_wrap .slide--budget .arrow_buttons{ display:flex; grid-gap:8px; margin-top:8px; }
.slide_wrap .slide--budget .arrow_buttons > *{ background-color:var(--color-grey-20); padding:8px 16px; flex-grow:1; text-align:center; color:var(--color-silver-60); line-height:1; cursor:pointer; border-radius:8px; }
.slide_wrap .slide--budget .arrow_buttons > *::before{ content:''; font-family:var(--font-awesome); font-weight:bold; }
.slide_wrap .slide--budget .arrow_buttons > .less::before{ content:'\f0d9'; }
.slide_wrap .slide--budget .arrow_buttons > .more::before{ content:'\f0da'; }

.slide_wrap .slide--budget .title{ margin-bottom:26px; display:grid; grid-gap:6px; }
.slide_wrap .slide--budget .title h2{ margin:0; }
.slide_wrap .slide--budget .title p{ margin:0; }
.slide_wrap .slide--budget .column_graph{ height:100px; display:flex; align-items:flex-end; grid-gap:1px; }
.slide_wrap .slide--budget .column_graph .bar{ background:#ECF0F0; flex-grow:1; min-height:4px; }
.slide_wrap .slide--budget .column_graph .bar.advice{ background:var(--color-grey-30); }
.slide_wrap .slide--budget .column_graph .bar.active{ background:var(--color-blue-50); }
.slide_wrap .slide--budget .slider_card{ padding:24px; background-color:#fff; grid-column:2 / 3; grid-row:1 / 3; align-content:center; display:grid ; grid-gap:16px; position:relative; border-radius:16px; }
.slide_wrap .slide--budget .slider_container{ position:relative; height:6px; background:var(--color-grey-20); margin:0 0 0 -2px; width:calc(100% + 4px);  }
.slide_wrap .slide--budget .slider_container .range_fill_advice{ position:absolute; height:100%; background-color:var(--color-grey-30); }
.slide_wrap .slide--budget .slider_container .range_fill{ position:absolute; height:100%; background-color:var(--color-blue-60); }
.slide_wrap .slide--budget .slider_card input[type=range] { position:absolute; width:100%; pointer-events:none; -webkit-appearance:none; height:6px; background:none; margin:0; }
.slide_wrap .slide--budget .slider_card input[type=range]::-webkit-slider-thumb { box-shadow:0px !important; outline:1px solid #fff; pointer-events:all; width:24px; height:24px; border-radius:50%; background:var(--color-blue-60); cursor:pointer; -webkit-appearance:none; }
.slide_wrap .slide--budget .slider_card input[type=range]::-moz-range-thumb     { box-shadow:0px !important; outline:1px solid #fff; pointer-events:all; width:24px; height:24px; border-radius:50%; background:var(--color-blue-60); cursor:pointer; }
.slide_wrap .slide--budget .advice_meta{ position:absolute; right:24px; top:24px; display:flex; grid-gap:8px; height:34px; }
.slide_wrap .slide--budget .advice_warning{ padding:4px 8px; border-radius:16px; background:var(--color-yellow-60); color:var(--color-yellow-80); font-weight:bold; font-size:16px; line-height:1; display:grid ; align-items:center; border:1px solid #fff;  }
.slide_wrap .slide--budget .advice_warning::before{ content:'\f06a'; font-family:var(--font-awesome); }
.slide_wrap .slide--budget .reset_advice_but{ color:var(--color-silver-90); font-weight:bold; cursor:pointer; padding:5px 11px; border-radius:16px; background:var(--color-grey-20); }
.slide_wrap .slide--budget .reset_advice_but::before{ content:'\f2f9'; font-family:var(--font-awesome); margin-right:4px; cursor:pointer; transform:scaleX(-1); display:inline-block; }



.slide_wrap .slide--basis_end_form .title{ display:grid; grid-gap:12px; }
/* .slide_wrap .slide--basis_end_form .form{ grid-gap: 16px 32px; display: grid; grid-template-columns: 1fr 1fr; } */
.slide_wrap .slide--basis_end_form .form{ display:grid; grid-template-columns:1fr 1fr; grid-gap:8px 24px; }
.slide_wrap .slide--basis_end_form .form .row{ grid-column:1 / 3; }
.slide_wrap .slide--basis_end_form .form .row:not(:first-of-type){ padding-top:16px; }
.slide_wrap .slide--basis_end_form label{ display:grid; align-items:center; max-width:440px; }
.slide_wrap .slide--basis_end_form input{ border-radius:8px; border:2px solid var(--color-grey-20); padding:12px; width:100%; transition:border-color .2s; }
.slide_wrap .slide--basis_end_form label.error input{ border-color:#e06d6d; }
.slide_wrap .slide--basis_end_form label.error{ position:relative; }
.slide_wrap .slide--basis_end_form label.error::after{ content:'\f071'; position:absolute; bottom:0; right:12px; transform:translateY(-50%); font-family:var(--font-awesome); font-weight:bold; color:#e06d6d; }
.slide_wrap .slide--basis_end_form .input_wrapper{ position:relative; width:100%; }
.slide_wrap .slide--basis_end_form button{ width:fit-content; margin-top:8px; }
.slide_wrap .slide--basis_end_form .zip_housenumber{ display:grid; grid-template-columns:3fr 2fr; grid-gap:8px; }
.slide_wrap .slide--basis_end_form .int_form_prev_inside{ display:none; }


.slide_wrap .slide#basis_time_availability .answers{ display:grid; grid-template-columns:auto 1fr; align-items:flex-start; }
.slide_wrap .slide#basis_time_availability .answers .time{ display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:8px; }
.slide_wrap .slide#basis_time_availability .answers .time label{ display:none; }
.slide_wrap .slide#basis_time_availability .answers .time .label{ padding-left:8px; padding-right:8px; justify-content: center; grid-template-columns: auto auto; }
.slide_wrap .slide#basis_time_availability .answers .time.show label{ display:grid; }
.slide_wrap .slide#basis_time_availability .answers .time:has(+ .day){ margin-bottom:12px; }
.slide_wrap .slide#basis_time_availability .answers .time .text{ font-weight:normal; }
.slide_wrap .slide#basis_time_availability .row{ margin-top:24px; }


.slide_wrap .slide .hybrid_icon { position:relative; }
.slide_wrap .slide .hybrid_icon .fa-cloud { position:absolute; top:0; transform:translate(-70%, -32%); font-size:9px; text-shadow:-2px 1px 0px var(--color-grey-10); color:inherit; }
.slide_wrap .slide .hybrid_icon .fa-cloud { text-shadow:-2px 1px 0px var(--color-grey-10); }
.slide_wrap input[type="radio"]:checked + .label .fa-cloud { text-shadow:-2px 1px 0px var(--color-silver-40); }

.slide_wrap .slide .server_slash_icon{ position:relative; }
.slide_wrap .slide .server_slash_icon .fa-slash{ position:absolute; top:0; transform:translate(-88%, 0%); text-shadow:-4px 0 #fff; }

.slide_wrap .slide#connections .answers { grid-template-columns:repeat(3, 1fr); }

.slide_wrap .slide#implementation_time .answers { max-width:300px; }

.slide_wrap .slide#basis_thanks h2 { margin:1rem 0 0 0; }



/* ==================================================================================================================================================== */
/* =================================================================== TOOL SIDE BAR ================================================================== */
/* ==================================================================================================================================================== */


.side_bar{ width:100%; left:0px; background-color:var(--color-blue-80); color:var(--color-silver-50); padding:40px; padding-top:64px; grid-row:1 / 4; grid-column:2 / 3; display:flex; flex-direction:column; grid-gap:40px; align-content:flex-start; overflow-y:auto; z-index:2; position:relative; transition:width .2s, left .2s;  }
.side_bar .project_list_wrap{ display:none; }
.side_bar .project_list_wrap.show{ display:block; order:-2; }
/* .side_bar .custom_modules_wrap{ display:none; }
.side_bar .custom_modules_wrap.show{ display:block; } */
.side_bar .module_list_wrap{ display:none; }
.side_bar .module_list_wrap.show{ display:block; }
.side_bar h2, .side_bar h3{ color:white; margin:0 0 4px 0; }
.side_bar .question_info p{ margin:0 0 1rem 0; }
.side_bar .question_info p:last-child{ margin:0; }

#int_form.show_summary .side_bar{ width:40vw; left:calc(0px - (40vw - 480px)); }
#int_form.show_summary .question_info_wrap{ display:none; }

.summary_options{ display:none; }
.summary_options.show{ display:grid; order:-1; }
.summary_options .label{ display:none; }
.summary_options .option:not(.highlighted){ display:none; }
.summary_options .option.highlighted{ display:block; }
.summary_options .option .actions{ display:none; }
.summary_options .option .text > h3{ display:none; }
.summary_options .remaining_time{ visibility:visible; height:fit-content; font-size:12px; background:var(--color-grey-20); }
.summary_options .remaining_time::before{ font-size:inherit; }

#int_form.show_summary .summary_options{ display:none; grid-gap:24px; width:calc(40vw - 80px); }
#int_form.show_summary .summary_options.show{ display:grid; }
#int_form.show_summary .summary_options .option{ border-radius:16px; background-color:transparent; padding:24px; grid-gap:24px; display:flex; flex-direction:column; background-color:#fff; position:relative; }
#int_form.show_summary .summary_options .option .text > h3{ display:block; }
#int_form.show_summary .summary_options .module_list_wrap h3{ display:none; }
#int_form.show_summary .summary_options .option h3{ font-size:20px; color:var(--color-blue-80) }
#int_form.show_summary .summary_options .option p{ margin:0; color:var(--color-silver-90); }
#int_form.show_summary .summary_options .option > .text{ display:grid; grid-gap:8px; align-content:flex-start; flex-grow:1; }
#int_form.show_summary .summary_options .option .actions{ display:flex; grid-gap:8px; margin-top:0; flex-wrap:wrap; align-items:center; }
#int_form.show_summary .summary_options .option #customize_modules::before{ content:'\f044'; }
#int_form.show_summary .summary_options .option #selection_aid::before{ content:'\e211'; }
#int_form.show_summary .summary_options .option .button{ padding:12px 16px; }
#int_form.show_summary .summary_options .option .module_list{ flex-direction:row; flex-wrap:wrap; margin-top:5px; }
#int_form.show_summary .summary_options .option.highlighted{ padding-top:40px; } 
#int_form.show_summary .summary_options .option.highlighted .label{ background-color:var(--color-blue-50); position:absolute; top:-12px; display:block; color:#fff; font-weight:bold; padding:2px 8px; border-radius:4px; }
#int_form.show_summary .summary_options .option.highlighted .label::before{ content:'\f005'; font-family:var(--font-awesome); margin-right:4px; }
#int_form.show_summary .summary_options .module .text { background:var(--color-blue-10); color:var(--color-blue-60); animation:none; }
#int_form.show_summary .summary_options .module .number { animation:none; }
#int_form.show_summary .summary_options .module .fa-solid { color:var(--color-blue-60); }
#int_form.show_summary .summary_options .module.has_children .number { background:var(--color-blue-10); color:var(--color-blue-60); }


.label_list { display:flex; flex-wrap:wrap; grid-gap:10px; margin-top:8px; } /*flex-direction:column-reverse; */
.label_list.skeleton{ flex-wrap:nowrap; flex-direction:column; }
.label_list .module{ width:fit-content; max-width:100%; display:flex; grid-gap:1px; font-weight:bold; color:white; }
.label_list .module.disabled{ display:none; }
.label_list .module .fa-solid { min-width:18px; text-align:center; color:var(--color-blue-20); }
.label_list .module .text{ background:var(--color-blue-60); border-radius:16px; padding:2px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.label_list .module .number{ display:none; background:var(--color-blue-60); border-radius:0 16px 16px 0; padding:2px 12px 2px 6px; }
.label_list .module.new .text, .side_bar .label_list .module.new .number{ animation:module_flash both 1s; }
.label_list .module.has_children .text{ border-radius:16px 0 0 16px; }
.label_list .module.has_children .number{ display:grid ; line-height:1; align-items:center; }
.label_list .module.skeleton .text, .side_bar .label_list .module.skeleton .number{ background-color:var(--color-silver-90); }
.label_list .module.skeleton .text{ width:180px; }
.label_list .module.skeleton:nth-of-type(2) .text{ width:125px; }
.label_list .module.skeleton:nth-of-type(3) .text{ width:165px; }
.label_list .module.skeleton:nth-of-type(4) .text{ width:140px; }
.label_list .module.skeleton_instruction{ margin-top:2px; }
.label_list .module.skeleton_instruction .text{ color:var(--color-blue-10); }
.label_list input{ display:none; }
.label_list .module .sub_module_list{ display:grid; grid-gap:5px; display:none; }

.label_list .module.edit .text, .label_list.light .module.edit .text{ background-color:var(--color-green-80); color:#fff; }
.label_list .module.edit .text .fa-solid, .label_list.light .module.edit .text .fa-solid{ color:#b9dde2; }


/* side bar module edit */
#int_form .side_bar_module_edit{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(38,57,75,0); z-index:9; transition:background-color .2s; pointer-events:none; }
#int_form .side_bar_module_edit.show{ background-color:rgba(28,38,89,0.86); pointer-events:initial; }

#int_form .side_bar_module_edit .content{ position:fixed; background:var(--color-blue-80); right:0; top:0; width:40vw; height:100%; z-index:10; padding:64px 24px 24px 24px; transform:translateX(100%); transition:transform .3s; overflow-y:auto; }
#int_form .side_bar_module_edit.show .content{ transform:translateX(0%); }
#int_form .side_bar_module_edit h3{ color:#fff; }

#int_form .side_bar_module_edit label{ cursor:pointer; }
#int_form .side_bar_module_edit .module_edit_list{ user-select:none; grid-gap:12px; }
#int_form .side_bar_module_edit .module_edit_list .module { width:100%; grid-gap:0; grid-template-columns:40px 1fr; align-items:center; display:grid; }
#int_form .side_bar_module_edit .module_edit_list .module.disabled{ display:grid; }
#int_form .side_bar_module_edit .module_edit_list .module .text{ border-radius:0px; }
#int_form .side_bar_module_edit .module_edit_list > .module .text{ border-radius:3px; }
#int_form .side_bar_module_edit .module_edit_list > .module.has_children .text{ border-radius:3px 3px 0 0; }
#int_form .side_bar_module_edit .module_edit_list .module .sub_module_list .module .text{ border-radius:0; }
#int_form .side_bar_module_edit .module_edit_list .module .sub_module_list .module:last-child .text{ border-radius:0 0 3px 3px; }
#int_form .side_bar_module_edit .module_edit_list .module.has_children .number { display:none; }
#int_form .side_bar_module_edit .module_edit_list .module .sub_module_list { display:grid; grid-gap:0; grid-column:1 / 3; }
#int_form .side_bar_module_edit .module_edit_list .module.sub .text{ text-indent:8px; }
#int_form .side_bar_module_edit .module_edit_list .module.sub .text::before{ content:'\2022'; margin-right:8px; color:#8199ad; }
#int_form .side_bar_module_edit .module_edit_list .module .check { display:block; order:0; width:32px; height:20px; border-radius:18px; background:#7882b4; grid-row:1 / 2; grid-column:1 / 2; position:relative; transition:background-color .2s; }
#int_form .side_bar_module_edit .module_edit_list .module .check::before{ content:''; width:12px; height:12px; background:#fff; position:absolute; border-radius:100%; top:4px; left:4px; transition:left .2s; }
#int_form .side_bar_module_edit .module_edit_list .module input:checked + .check{ background:var(--color-green-70); }
#int_form .side_bar_module_edit .module_edit_list .module input:checked + .check::before{ left:16px; }
#int_form .side_bar_module_edit .module_edit_list .label_list .module .sub_module_list{ display:grid; }
#int_form .side_bar_module_edit .actions{ margin-top:16px; display:flex; grid-gap:10px; }
#int_form .side_bar_module_edit .button.save::before{ content:'\f0c7'; }
#int_form .side_bar_module_edit .button.cancel::before{ content:'\f00d'; }


/* ==================================================================================================================================================== */
/* ================================================================== TOOL BOTTOM BAR ================================================================= */
/* ==================================================================================================================================================== */


/* sub nav */
.sub_nav{ background-color:var(--color-grey-10); height:fit-content; padding:12px; transform:translateY(0%); transition:transform .2s; }
.sub_nav .inner_wrap{ transition:max-width .2s; display:flex; justify-content:space-between; align-items:center; }
.sub_nav button{ background-color:transparent; color:var(--color-silver-90); font-size:inherit; font-weight:bold; padding:8px 12px; cursor:pointer; border-radius:24px; border:2px solid var(--color-grey-30); transition:background-color .4s, opacity .4s; }
.sub_nav button:not(.disabled):hover{ background:var(--color-grey-30); }
#int_form_prev::before, #int_form_next::after{ font-family:var(--font-awesome); font-size:12px; }
#int_form_prev::before{ content:'\f0d9'; margin-right:4px; }
#int_form_next::after{ content:'\f0da'; margin-left:4px; }
.sub_nav button.disabled{ opacity:.2; cursor:default; }


#int_form.show_summary .sub_nav .remaining_time{ visibility:hidden !important; }


/* Remaining time */
.remaining_time{ background:var(--color-silver-40); color:var(--color-silver-90); font-weight:bold; margin:0; padding:3px 9px; border-radius:16px; visibility:hidden; }
.remaining_time::before{ content:'\f253'; font-family:var(--font-awesome); font-weight:normal; margin-right:4px; }


/* ==================================================================================================================================================== */
/* ================================================================== GLOBAL ELEMENTS ================================================================= */
/* ==================================================================================================================================================== */


/* Tooltip */
.tooltip { position:fixed; top:0; left:0; pointer-events:none; z-index:9999; opacity:0; transition:opacity 0.3s ease; }
.tooltip > div{ max-width:280px; min-width:200px; background:var(--color-blue-100); color:var(--color-silver-50); padding:6px 10px; border-radius:6px; position:fixed; transform:translateY(-16px); transition:transform 0.3s ease; }
.tooltip > div::after{ content:''; position:absolute; border:7px transparent solid; }
.tooltip--top > div::after    { border-top-color:var(--color-blue-100);    top:100%;      left:50%;  transform:translateX(-50%); }
.tooltip--bottom > div::after { border-bottom-color:var(--color-blue-100); bottom:100%;   left:50%;  transform:translateX(-50%); }
.tooltip--left > div::after   { border-left-color:var(--color-blue-100);   left:100%;     top:50%;   transform:translateY(-50%); }
.tooltip--right > div::after  { border-right-color:var(--color-blue-100);  right:100%;    top:50%;   transform:translateY(-50%); }
.tooltip strong{ color:#fff; }
.tooltip ul{ padding-left:1rem; }
.tooltip ul li{ list-style-type:disc; padding-left:0rem; }


.tooltip.info_box{ width:100vw; height:100vh; top:0; left:0; background-color:rgba(28,38,89,0.8); pointer-events:initial; }
.tooltip.info_box > div{ display:grid; max-width:none; width:calc(100vw - 24px); left:12px !important; background:white; color:var(--color-silver-90); padding:24px; pointer-events:initial; max-height:80vh; overflow-x:hidden; overflow-y:auto; }
.tooltip.info_box a{ font-weight:bold; width:fit-content; margin-top:16px; }
.tooltip.info_box.tooltip--bottom > div::after { border-bottom-color:white; left:auto; right:4px; transform:skewX(-45deg); border-width:12px; }


/* Autocomplete */
.autocomplete { position:relative; }
.autocomplete_items { position:absolute; z-index:99; margin-top:-8px; padding:8px 0 0 0; background:#fff; border-radius:0 0 16px 16px; overflow-x:hidden; overflow-y:auto; }
.autocomplete_items div { padding:8px 16px; cursor:pointer; background-color:#fff; }
.autocomplete_items div:hover { background-color:var(--color-grey-20); }
.autocomplete_active { background-color:var(--color-blue-10) !important; }


/* Notify */
.notify{ z-index:9999; animation:notify_show .4s both; }
.notify.fixed{ position:fixed; right:16px; bottom:16px; margin:0; border-radius:16px; }
.notify.fixed > div{ padding:12px 18px; }
.notify.fixed.hide{  animation:notify_hide .4s both; }
@keyframes notify_show{ 0%{ bottom:0px; opacity:0; } 100%{ bottom:16px; opacity:1; } }
@keyframes notify_hide{ 0%{ bottom:16px; opacity:1; } 100%{ bottom:0px; opacity:0; } }

.notify > div{ padding:4px 16px; display:flex; align-items:center; grid-gap:4px; background:var(--color-silver-40); font-weight:bold; box-shadow:0px 8px 16px rgba(0, 0, 0, 0.05); border-radius:8px; justify-content:space-between; margin-bottom:18px; cursor:pointer; }
.notify > div::after{ content:'\f00d'; font-family:var(--font-awesome); cursor:pointer; padding:8px; margin-right:-8px; position:relative; top:1px; }
.notify > div.error{ background: #ffd1d1; color: #930909; }
.notify > div.success { background: var(--color-green-50); color: var(--color-green-90); }


/* ==================================================================================================================================================== */
/* ====================================================================== LOGIN ======================================================================= */
/* ==================================================================================================================================================== */

form.form.login{ width:100dvw; height:100dvh; display:grid; justify-content:center; align-content:center; padding:16px; }
form.form.login .card{ background-color:#fff; padding:24px; border-radius:8px; grid-gap:8px; display:grid; }
form.form.login .card .actions{ display:flex; grid-gap:16px; }
form.form.login .card input{ padding:4px 16px; background-color:var(--color-grey-20); font-size:24px; border:0; border-radius:4px; width:100%; }
form.form.login .card .button{ white-space:nowrap; }


/* ==================================================================================================================================================== */
/* ==================================================================== RESPONSIVE ==================================================================== */
/* ==================================================================================================================================================== */


@media only screen and (max-width:1400px) {
    #int_form{ grid-template-columns:calc(100% - 400px) 400px; }
    #int_form.show_summary .side_bar{ width:40vw; left:calc(0px - (40vw - 400px)); }

    #int_form .hero{ top:clamp(280px, calc(100% - 320px), calc(100% - 320px)); height:320px; }
}


@media only screen and (max-width:1200px) {
    #int_form{ grid-template-columns:calc(100% - 360px) 360px; }
    #int_form.show_summary .side_bar{ width:40vw; left:calc(0px - (40vw - 360px)); }
    #int_form.show_summary .summary_options{ width:calc(40vw - 48px); }
    
    .side_bar{ padding:64px 24px 24px 24px;  }
    .slide_wrap .slide--summary .inner_wrap{ width:calc(60vw - 48px); } 


}

@media only screen and (max-width:1100px) {

    #int_form .hero{ top:clamp(496px, calc(100% - 320px), calc(100% - 320px)); }
    .slide_wrap .slide#sector .answers { grid-template-columns:repeat(2, 1fr); }

}


@media only screen and (max-width:1000px) {
    #int_form{ grid-template-columns:65% 35%; }
    #int_form.show_summary .side_bar{ width:40vw; left:calc(0px - (40vw - 35vw)); }

    .slide_wrap .slide--summary .inner_wrap{ grid-gap:40px; grid-template-columns:1fr 1fr; }
}



@media only screen and (max-width:800px) {

    body{ overflow:hidden; }
    #autocomplete_list{ display:none; }

    /* Tool general styles */
    .top_bar{ display:none; }
    #int_form{ grid-template-columns:1fr; grid-template-rows:0px auto 64px; transition:grid-template-rows .2s; }
    
    #int_form.hide_sub_nav .sub_nav{ transform:translateY(100%); }
    #int_form.hide_sub_nav{ grid-template-rows:0 auto 0; }

    #int_form.show_top_bar{ grid-template-rows:56px auto 64px; }
    #int_form.show_top_bar.hide_sub_nav{ grid-template-rows:56px auto 0; }
    #int_form.show_top_bar .side_bar{ display:grid; }

    #int_form .slide_wrap #hero_wrap{ position:relative; width:100%; height:0px; z-index:3; background-color:var(--color-grey-10); overflow:hidden; }
    #int_form .slide_wrap #hero_wrap.show{ height:36vw; }
    #int_form .slide_wrap #hero_wrap .hero{ top:auto; bottom:0; height:150%; background-position:center top; background-color:var(--color-grey-10); transition:border-radius .2s; }
    
    .slide_wrap{ grid-column:1 / 2; grid-row:2 / 3; overflow-y:auto; }
    .slide_wrap .slide{ padding:40px 16px 16px 16px; margin-top:36vw; max-height:none; }
    .slide_wrap .slide h2{ font-size:20px; }
    .slide_wrap .slide:not(.hide){ position:relative; margin-top:0; }
    .slide_wrap .slide.child { padding-top:170px; }
    .slide_wrap .slide .answers{ display:grid; }
    .slide_wrap .actions.primary{ display:none; }

    .slide_wrap .slide .info_box_mobile_active{ display:flex; justify-content:space-between; grid-gap:8px; }
    .slide_wrap .slide .info_box_mobile{ display:block; cursor:pointer; }
    .slide_wrap .slide .info_box_mobile::before{ content:'\e1e3'; font-family:var(--font-awesome); font-weight:bold; color:var(--color-silver-50); font-size:24px; }
    
    

    /* Tool slide styles */
    .slide_wrap .slide.grid .answers{ grid-template-columns:1fr; }
    .slide_wrap .slide .answers .label .icon{ text-align:center; width:32px; }
    .slide_wrap .slide--big_buttons .answers { grid-template-columns:1fr; }
    
    .slide_wrap .slide#connections .answers { grid-template-columns:1fr; }

    .slide_wrap .slide--budget .answers{ grid-template-columns:1fr 1fr; grid-gap:12px 8px; }
    .slide_wrap .slide--budget .slider_card { grid-row:1; grid-column:1 / 3; padding:32px 24px 24px 24px; }
    .slide_wrap .slide--budget .advice_meta { right:12px; top:12px; }

    .slide_wrap .slide--basis_end_form .form { grid-template-columns: 1fr; }
    .slide_wrap .slide--basis_end_form .form .row { grid-column: 1 / 2; }
    .slide_wrap .slide--basis_end_form label {max-width: none;}
    .slide_wrap .slide--basis_end_form .int_form_prev_inside{ display:flex; }
    .slide_wrap .slide--basis_end_form .actions.primary{ display:flex; margin: 8px 0 16px 0; }

    .slide_wrap .slide--company_size .answers.desktop{ display:none; }
    .slide_wrap .slide--company_size .answers.mobile{ display:grid; }
    .slide_wrap .slide--company_size .answers.mobile .row{ grid-template-columns:1fr; grid-gap:4px; }

    .slide_wrap .slide#basis_time_availability .answers { grid-template-columns: 1fr; grid-gap:4px; }
    .slide_wrap .slide#basis_time_availability .answers .time { grid-template-columns: 1fr 1fr; padding:0; }
    .slide_wrap .slide#basis_time_availability .answers .time.show { padding: 4px 0; }
    .slide_wrap .slide#basis_time_availability .answers .time:has(+ .day) { margin-bottom: 0; }

    
    /* Tool sidebar */
    .side_bar{ display:none; grid-column:1 / 2; grid-row:1 / 2; padding:0; height:56px; overflow:hidden; transform:translateY(0%); transition:transform .2s; }
    .side_bar .project_list_wrap, .side_bar .summary_options.show{ display:flex; flex-direction:row; align-items:center; grid-gap:8px; overflow:hidden; overflow-x:scroll; padding:0 16px; padding-bottom:17px; min-height:56px; box-sizing:content-box; } /* .side_bar .module_list_wrap, */

    .side_bar .module_list_wrap h3, .side_bar .project_list_wrap h3{ margin:0; font-size:1rem; white-space:nowrap; }
    .side_bar .module_list_wrap h3::after, .side_bar .project_list_wrap h3::after{ content:':'; }
    .side_bar .project_list_wrap{ display:none; }
    .side_bar .project_list_wrap.show{ display:flex; }
    .side_bar .module_list_wrap.show{ display:flex; align-items:center; grid-gap:8px; }
    .side_bar .label_list{ flex-wrap:nowrap; flex-direction:row; align-items:center; grid-gap:8px; margin-top:0; }
    .label_list .module.skeleton_instruction{ margin-top:0; }
    .side_bar .question_info_wrap{ display:none !important; }

    .summary_options{ display:none; }
    #int_form.show_summary .summary_options{ display:none; }
    #int_form.show_summary .summary_options.show{ display:none; }

    #int_form.show_summary{ grid-template-rows:0px auto 0; }
    #int_form.show_summary .side_bar{ width:100%; left:0; transform:translateY(-100%); }
    #int_form.show_summary .sub_nav{ transform:translateY(100%); }
    #int_form.show_summary .slide_wrap #hero_wrap .hero{ border-radius:0; }
    .slide_wrap .slide--summary{ background-color:var(--color-grey-20); }
    .slide_wrap .slide--summary .inner_wrap{ margin-left:0; width:100%; }
    .slide_wrap .slide--summary .title h2{ font-size:32px; }
    .slide_wrap .slide--summary h2 .icon{ font-size:28px; }
    .slide_wrap .slide--summary .inner_wrap{ grid-template-columns:1fr; }
    .slide_wrap .slide--summary .summary{ padding:0; }
    .slide_wrap .slide--summary .summary_options{ margin-top:32px; }
    .slide_wrap .slide--summary .summary_options .options{ grid-template-columns:1fr; }
    .slide_wrap .slide--summary .int_form_prev_inside{ display:block; margin:40px 0; }
    #int_form.show_summary .slide--summary .summary_options.show{ display:grid; width:100%; }
    .summary_options .remaining_time{ display:none; }


    /* Tool bottom sub nav */
    .sub_nav{ position:fixed; bottom:0; left:0; width:100%; }
    .sub_nav .actions{ order:1; width:100%; display:flex; grid-gap:5px; }
    .sub_nav button{ padding:12px; flex-grow:1; }
    .sub_nav #int_form_next{ background-color:var(--color-yellow-60); color:var(--color-yellow-90); border:0; }
    .sub_nav #int_form_next:not(.disabled):hover{ background:#d6da00; }
    .sub_nav #int_form_next.disabled{ background-color:var(--color-grey-30); color:var(--color-silver-90); }
    .sub_nav .remaining_time{ display:none; }

    #int_form .side_bar_module_edit .content{ width:100%; }
    #int_form_next.loading{ color:rgba(255,255,255,0); position:relative; }
    #int_form_next.loading::after{ content:'\f110'; font-family:var(--font-awesome); color:var(--color-yellow-80); left:calc(50% - 10px); top:calc(50% - 10px); position:absolute; font-size:20px; line-height:1; width:20px; height:20px; animation:rotate infinite 1s linear; }

}

@media only screen and (max-width:600px) {
    .slide_wrap .slide#sector .answers{ display:grid; grid-template-columns:1fr; }
}

@media only screen and (max-width:500px) {
    .slide_wrap .slide--summary .title h2{ font-size:26px; }

    .slide_wrap .slide.slide--search .results_wrapper .notify .search_result .company { grid-template-columns: 1fr; justify-items: flex-start; grid-gap: 6px; }
    .slide_wrap .slide.slide--search .results_wrapper .pagination { justify-content: flex-start; padding: 8px 24px 0 24px; }

}

@media only screen and (max-width:400px) {

    #int_form.show_summary .summary_options .option .actions{ flex-direction:column; }
    #int_form.show_summary .summary_options .option .actions .button{ width:100%; }

}


@keyframes fade_in{ 0%{ opacity:0; } 100%{ opacity:1; } }
@keyframes fade_out{ 0%{ opacity:1; } 100%{ opacity:0; } }
@keyframes module_flash{ 0%{ background-color:var(--color-blue-60); outline:0px transparent solid; } 15%, 50%{ background-color:var(--color-blue-50); outline:1px var(--color-blue-50) solid; } 100%{ background-color:var(--color-blue-60); outline:0px transparent solid; } }
@keyframes rotate{ 0%{ transform:rotate(0deg); } 60%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); } }