/**
 * Mert ERSOY
 * mertersoy.com.tr
 */
:root {--darkBlue: #010a43;--lightGreen: #a7e9af;--whiteClr: #fff;--lightBlue: rgba(0, 64, 128, 0.2);--intenseBlue: #46b3e6;}.step-area {line-height: 1.15;-webkit-text-size-adjust: 100%;margin: 0;padding: 1rem;font-family: "Roboto", sans-serif;background: var(--darkBlue);}.citizenship{background: var(--darkBlue);}.step-area .container {display: grid;grid-gap: 40px;align-content: center;}.step-area .main {display: block;align-self: start;}.step-area .header {align-self: center;text-align: center;}.step-area .header__title {margin: 0;font-size: 2em;line-height: 1.2;}.step-area .header__description {margin-bottom: 3rem;font-size: 1em;line-height: 1.4;}.step-area main.submission {align-self: center;justify-self: center;}.step-area h2.submission {text-align: center;}.step-illustration {height: 450px;border-style: none;max-width: 100%;cursor: pointer;}.step-area label {cursor: pointer;}@media (min-width: 700px) {.step-container {grid-template-columns: 1fr 1fr;max-width: 1400px;margin: 0 auto;align-items: center;}.step-header, .step-main {grid-row: 1;}}.progressbar {margin: 2rem 1rem 2rem;display: flex;flex-direction: row;justify-content: space-between;counter-reset: list;height: 20px;}.progressbar__step {position: relative;width: 20%;line-height: 1.4;}.progressbar__step.active:before {background-color: var(--lightGreen);}.progressbar__step:nth-child(2)::after, .progressbar__step:nth-child(3)::after, .progressbar__step:nth-child(4)::after, .progressbar__step:nth-child(5)::after {content: "";position: absolute;left: -100%;top: 12px;z-index: -1;width: 100%;height: 2px;background-color: var(--lightBlue);}.progressbar__step.active:nth-child(2)::after, .progressbar__step.active:nth-child(3)::after, .progressbar__step.active:nth-child(4)::after, .progressbar__step.active:nth-child(5)::after {background-color: var(--lightGreen);}.progressbar__step:before {counter-increment: list;content: counter(list);position: absolute;display: block;width: 25px;height: 25px;font-size: 0.85rem;background-color: var(--whiteClr);text-align: center;border: 3px solid var(--lightBlue);border-radius: 100%;}.survey {display: flex;flex-direction: column;}.survey__panel {display: none;padding: 1rem;}.survey__panel--current {display: block;}.survey__panel__question {margin: 0 0 1.5rem;font-size: 1.55em;line-height: 1.2;color: white;}.survey__panel strong {--darkGrey: #4b4b4b;display: block;margin-bottom: 0.3rem;font-weight: normal;font-size: 0.95rem;color: var(--darkGrey);}.step-error-message {--errClr: #b80d57;height: 14px;margin-bottom: 0;margin-top: 5px;font-size: 0.85rem;color: var(--errClr);}[role="alert"] {display: block;}.survey__panel__period {display: grid;grid-gap: 13px;grid-template-columns: repeat(2, 50%);}.survey__panel__m2 {display: grid;grid-gap: 13px;grid-template-columns: repeat(2, 50%);}.survey__panel__period [type="radio"] {opacity: 0;display: block;position: absolute;z-index: 1;cursor: pointer;}.survey__panel__period label {display: inline-block;position: relative;width: 90%;text-align: center;border-radius: 3px;}.survey__panel__period label:hover, .survey__panel__period [type="radio"]:checked + label {box-shadow: #2277c37a 6px 2px 16px 0px, #2277c37a -6px -2px 16px 0px;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease 0s;border-radius: 55px;}.review__period [type="radio"]:checked + label {border: var(--intenseBlue);}.step-radiobox, .step-radiobox:checked, .step-radiobox:not(:checked), .step-checkbox, .step-checkbox:not(:checked) {opacity: 0;}.step-radiobox:checked + label, .step-radiobox:not(:checked) + label, .step-checkbox:checked + label, .step-checkbox:not(:checked) + label {position: relative;padding-left: 30px;}.step-radiobox:checked + label:before, .step-radiobox:not(:checked) + label:before, .step-checkbox:checked + label:before, .step-checkbox:not(:checked) + label:before {content: "";position: absolute;left: 0;top: 0;width: 18px;height: 18px;border: 1px solid #ddd;border-radius: 100%;background-color: var(--whiteClr);}.step-radiobox:checked + label:after, .step-radiobox:not(:checked) + label:after {content: "";width: 8px;height: 8px;background-color: var(--intenseBlue);position: absolute;left: 5px;top: 5px;border-radius: 100%;transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);}.step-radiobox:not(:checked) + label:after, .step-checkbox:not(:checked) + label:after {opacity: 0;transform: scale(0);}.step-radiobox:checked + label:after, .step-checkbox:checked + label:after {opacity: 1;transform: scale(1);}.survey__panel__satisfaction label, .survey__panel__recommendation label, .survey__panel__personaldetails label, .survey__panel__hearabout label {line-height: 2;}.step-form-group-textarea {margin-top: 1rem;}.step-form-group-textarea label {display: block;font-size: 0.95rem;}.step-form-group-textarea textarea {padding: 10px;overflow: auto;font-size: 0.9rem;display: block;border: 2px solid var(--lightBlue);font-family: inherit;width: 100%;resize: vertical;min-height: 100px;max-width: 300px;color: var(--darkBlue);-webkit-appearance: none;appearance: none;}.survey__panel .step-radiobox {margin-left: 10px;}.step-checkbox:checked + label:before, .step-checkbox:not(:checked) + label:before {border-radius: 0;}.step-checkbox:checked + label:before {background-color: var(--intenseBlue);}.step-checkbox:checked + label:after, .step-checkbox:not(:checked) + label:after {content: "";position: absolute;left: 4px;top: 7px;width: 2px;height: 2px;background-color: var(--whiteClr);box-shadow: 2px 0 0 var(--whiteClr), 4px 0 0 var(--whiteClr), 4px -2px 0 var(--whiteClr), 4px -4px 0 var(--whiteClr), 4px -6px 0 var(--whiteClr), 4px -8px 0 var(--whiteClr);transform: rotate(45deg);transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);}.survey__panel .form-group {margin: 1rem 0;}.survey__panel #text-label, .survey__panel #number-label {display: block;font-size: 0.95rem;color: white;}.survey__panel [type="text"], .survey__panel [type="email"] {width: 100%;padding: 0.6rem 0.75rem;border: 2px solid var(--lightBlue);max-width: 300px;-webkit-appearance: none;appearance: none;}.survey__panel [type="number"] {padding: 0.6rem 0.75rem;border: 2px solid var(--lightBlue);-webkit-appearance: none;appearance: none;}.step-form-buttons {display: block;max-width: 100%;margin-top: auto;text-align: center;}.step-button {--btnClr: #334087;display: inline-block;padding: 15px 40px;background-color: var(--btnClr);color: var(--whiteClr);border: 2px solid var(--btnClr);border-radius: 100px;font-size: 0.875rem;font-family: inherit;cursor: pointer;display: none;}.step-button[disabled] {display: none;}.step-button {margin: 0 0.5rem;}.step-button:hover {--btnHoverClr: #444e83;background-color: var(--btnHoverClr);border-color: var(--btnHoverClr);}.step-visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;}.step-text-alan{position: absolute;bottom: 0;text-align: center;width: 100%;color: white;left: 0;}.step-text-alan span{background: white;color: black;padding: 5px 10px;border-radius: 10px 10px 0px 0px;font-size: large;}.custom-shape-divider-bottom-1676360177 {position: relative;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;transform: rotate(180deg);}.custom-shape-divider-bottom-1676360177 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 130px;transform: rotateY(180deg);}.custom-shape-divider-bottom-1676360177 .shape-fill {fill: #000e3f;}.custom-shape-divider-top-1676360342 {position: relative;top: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;}.custom-shape-divider-top-1676360342 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 130px;transform: rotateY(180deg);}.custom-shape-divider-top-1676360342 .shape-fill {fill: #000e3f;}.br-55{border-radius: 55px;}.site-navbar {background: #193b5b;}