@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Work Sans, sans-serif !important;
}
html,body,.v-application {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
    font-family: Work Sans, sans-serif !important;
    color: rgba(0, 0, 0, 0.87);
    overflow-x: hidden;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
}
body{
    box-sizing: border-box;
}
[v-cloak]{
    opacity: 0;
}
.background{
    background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA1IiBoZWlnaHQ9IjE4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjM4Nl8xMDMwMzEpIj48cGF0aCBmaWxsPSIjNzlERkZGIiBkPSJNMCAwaDMwNXYxODEuNTQ4SDB6Ii8+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl8yMzg2XzEwMzAzMSkiPjxwYXRoIGQ9Ik01OS45MDggMzcuOTVjLTI5LjA0Ny0zMS40NjgtNDIuMzYtMTMuMTExLTQ1LjM4NyAwLTkuNjgzIDI0LjIwNy0xOS4zNjUgMjcuODM4IDAgNTcuNDkgMTkuMzY1IDI5LjY1My00LjIzNiA0NC43ODItMjkuMDQ3IDExOS44MjItMjQuODEyIDc1LjA0IDE0OC44NjktMTIuMTAzIDE3Ni4xMDEtMzYuOTE1IDI3LjIzMi0yNC44MTEgMzAuMjU4LTEwNy4xMTMtMzQuNDk0LTc4LjA2NS02NC43NTIgMjkuMDQ3LTMwLjg2My0yMi45OTYtNjcuMTczLTYyLjMzMnoiIGZpbGw9IiM1RkQ1QjYiLz48L2c+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjFfZl8yMzg2XzEwMzAzMSkiPjxwYXRoIGQ9Ik0yNTMuMDg3LTExMy4zMzljMjkuMDQ4LTMxLjQ2OCA0Mi4zNjEtMTMuMTEyIDQ1LjM4NyAwIDkuNjgzIDI0LjIwNiAxOS4zNjUgMjcuODM3IDAgNTcuNDktMTkuMzY1IDI5LjY1MyA0LjIzNiA0NC43ODIgMjkuMDQ3IDExOS44MjEgMjQuODEyIDc1LjA0LTE0OC44NjktMTIuMTAzLTE3Ni4xMDEtMzYuOTE0LTI3LjIzMi0yNC44MTItMzAuMjU4LTEwNy4xMTMgMzQuNDk0LTc4LjA2NiA2NC43NTIgMjkuMDQ4IDMwLjg2My0yMi45OTYgNjcuMTczLTYyLjMzMXoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMzg2XzEwMzAzMSkiLz48L2c+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjJfZl8yMzg2XzEwMzAzMSkiPjxlbGxpcHNlIGN4PSIyOTMuMTgyIiBjeT0iMTI5LjUyOSIgcng9IjEzMS41OCIgcnk9IjUwLjk3OSIgdHJhbnNmb3JtPSJyb3RhdGUoLTI1LjY0NCAyOTMuMTgyIDEyOS41MjkpIiBmaWxsPSIjQ0FDMkZFIi8+PC9nPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfMjM4Nl8xMDMwMzEiIHg9Ii03Ny40NiIgeT0iLTM5Ljk0MSIgd2lkdGg9IjMxNy44MzYiIGhlaWdodD0iMzQ1LjU2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzMC4yNTgiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMzg2XzEwMzAzMSIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImZpbHRlcjFfZl8yMzg2XzEwMzAzMSIgeD0iNDguNDEzIiB5PSItMjE1LjQzNyIgd2lkdGg9IjM2Ni4yNDkiIGhlaWdodD0iMzkzLjk3MyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNDIuMzYxIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjM4Nl8xMDMwMzEiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJmaWx0ZXIyX2ZfMjM4Nl8xMDMwMzEiIHg9Ijc1LjY4MSIgeT0iLTQwLjQ3NSIgd2lkdGg9IjQzNS4wMDEiIGhlaWdodD0iMzQwLjAwOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNDguNDEzIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjM4Nl8xMDMwMzEiLz48L2ZpbHRlcj48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjM4Nl8xMDMwMzEiIHgxPSIxODIiIHkxPSI0Mi41IiB4Mj0iMjgzIiB5Mj0iNy41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0NDRkZGMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0NDRkZGMiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImNsaXAwXzIzODZfMTAzMDMxIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDMwNXYxODEuNTQ4SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
    background-position: 50%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background: #f9fafb;
}
.step-screen{
    position: relative;
    transition: all .4s ease;
    opacity: 0;
    flex-direction: column;
    min-height: 100vh;
    align-content: center;
    justify-content: center;
    display: flex;
    opacity: 1;
    height: 100%;
}
.step-screen-inner{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    width: auto;
    min-height: 0;
    margin: 30px auto;
    background-color: var(--p-surface);
    /* max-height: calc(100% - 6rem); */
    /* box-shadow: 6px 12px 60px rgb(0 0 0 / 20%); */
    border-radius: 12px;
    overflow: hidden;
    background: #F9FAFB;
    padding: 48px 44px;
    padding-top: 64px;
    max-width: 1000px;
    transition: all 200ms;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
}
.step-screen-step{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    min-height: 50vh;
    height: auto;
    background: transparent;
}
.step-radios{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -12px;
}
.step-radios .step-radio{
    width: 50%;
    position: relative;
    padding: 10px;
}
.step-radios .step-radio:last-child .item-title,.step-radios .step-radio:last-child .item-desc{
    position: relative;
    top: -8px;
}
.step-radios .step-radio .step-radio-inner{
    height: 135px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    margin-right: 9px;
    padding: 10 16px;
    margin-bottom: 10px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    padding-left: 50px;
    flex-direction: column;
    align-items: baseline;
    justify-content: right;
    /* padding-right: 104px; */
    margin: 0;
    margin-bottom: 15px;
    border: 1px solid rgba(201, 204, 207, 1);
    margin: 0;
    width: 100%;
    background: white;
    padding-top: 12px;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.step-radios .step-radio-inner:hover
{
    border-color:rgba(16, 29, 70, 1);
}
.step-radios .step-radio:before{
    content:'';
    display:inline-block;
    width:18px;
    height:18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 10px;
    position: absolute;
    left: 30px;
    top: 40px;
    border-radius: 4px;
    z-index: 99;
}
.step-radios .step-radio:hover:before{
     border: 1px solid #a0a0a0;
    
}
.step-buttons{
    display:table;
    width:100%;
}
.step-buttons .step-next{
    float:right;
}
.step-logo img{
    max-height: 56px;
}
.step-logo{
    margin-bottom:20px;
}
.step-head{
    margin-bottom: 35px;
}
.step-checkboxes .step-radio:before{
    /* border-radius:0; */
}
.step-radios .step-radio .item-title{
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
}
.step-radios .step-radio .item-desc{
    font-weight: 400;
    font-size: 13px;
    max-width: 100%;
    color: rgba(109, 113, 117, 1);
    letter-spacing: normal;
    /* margin-top: 6px; */
}
.step-radios .step-radio.selected .step-radio-inner{
    border-color:rgba(16, 29, 70, 1)
}
.step-radios .step-radio.selected:before{
    background: rgba(16, 29, 70, 1);
    border-radius: 4px;
    border-color: transparent;
}
.step-radios .step-radio:after{
    font-family: 'font awesome 5 pro';
    content:'\f00c';
    display:inline-block;
    position: absolute;
    color: white;
    left: 32px;
    top: 40px;
    z-index: 1000;
    font-size: 13px;
}
.step-radios .step-radio .item-icon{
    position: absolute;
    right: 0;
    top: 7px;
    display: none;
}
.step-loading-progress{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff7d;
    transition: all 200ms;
    flex-direction: column;
}
.step-loading-progress div{
    transform: scale(1.5);
}
.step-loading-progress label{
    display:block;
    margin-top: 50px;
    font-weight: 500;
}
.step-questions .cols-6{
    width: 49%;
    float: left;
    margin-right: 1%;
}
.v-btn__content{
    text-transform: none;
    letter-spacing: normal;
}
.img-banner{
    max-width: 50%;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-banner img{
    max-width: 90%;
    height: auto;
    margin: auto;
}
/* Tüm input containerları (solo/outlined dahil) */
.v-input__control fieldset,
.v-input__slot fieldset{
  background-color: #ffffff !important;
  border-radius: 8px !important; /* oval görünüm */
}

/* Outlined stilindeki borderların rengi */
.v-text-field--outlined .v-input__control {
  /* border-color: #ccc !important; */
}

/* Hover / Focus durumlarında renk */
.v-text-field--outlined.v-input--is-focused .v-input__control {
  border-color: #1450D7 !important; /* primary rengin */
}
.step-title{
    font-weight: 500;
    font-size: 30px;
}
.step-desc{
    font-size: 14px;
}
@media only screen and (max-width: 768px){
    .step-screen-inner{
        width: 100%;
        padding: 10px 25px;
        padding-top: 50px;
    }
    .step-radios .step-radio .step-radio-inner,.step-radios .step-radio{
        width:100%;
    }
    .img-banner{
        display:none;
    }
    .step-radios{
        height: 400px;
        overflow: scroll;
    }
    .step-buttons{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .step-question .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .step-questions .cols-6{
        width: 100%;
        float: none;
        margin: 0;
    }
}
.steps-login h1{
    font-size: 36px;
    font-weight: 300;
    margin: 56px 0px;
}
.steps-login-inner{
    max-width: 400px;
}
.btn-login{
    width: 100% !important;
    padding:14px 28px !important;
    height: auto !important;
}
.v-application .step-login-redirect a{
    color: #00A49B;
    font-family: "Work Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 216.667% */
    text-decoration: none;
}