.about-banner{background-image:url(/images/banner/yedek-banner.png);background-size:cover;justify-content:center;align-items:center;min-height:200px;display:flex;background-position:0!important}.about-banner h1{color:#fff;text-align:center;font-size:4rem;font-style:normal;font-weight:700;line-height:100%}.offline-form-section{padding:40px 0 80px}.offline-step-area .step ul{justify-content:space-between;align-items:center;width:300px;margin:40px auto;padding:0;list-style:none;display:flex}.offline-step-area .step ul li span{z-index:9;background:#fff;border:2px solid #efefef;border-radius:50px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.offline-step-area .step ul li span:before{content:"";background:#b8b8b8;border-radius:30px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.offline-step-area .step ul li:not(:last-child) span:after{content:"";background:#efefef;width:80px;height:2px;position:absolute;top:50%;left:70px;transform:translate(-50%,-50%)}.offline-step-area .step ul li.active span{border-color:#ee6e0a}.offline-step-area .step ul li.active span:before{background:#ee6e0a}.offline-step-area .step ul li.step-tick span{background:#ee6e0a;border-color:#ee6e0a}.offline-step-area .step ul li.step-tick span:before{display:none!important}.offline-step-area .step ul li.step-tick span:after{content:"";background:#ee6e0a;width:80px;height:2px;position:absolute;top:50%;left:70px;transform:translate(-50%,-50%)}.stage-form h2{color:#2f2f2f;font-size:2rem;font-style:normal;font-weight:700;line-height:24px;margin-bottom:40px!important}.stage-form .form-group{min-height:110px;margin-bottom:0}.stage-form .form-group label{color:#595959;margin-bottom:9px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:block}.stage-form .form-group .form-control,.stage-form .form-group .form-select{color:#2f2f2f;border:1px solid #b8b8b8;height:auto;padding:18px 22px;font-size:16px;font-style:normal;font-weight:400;line-height:24px;box-shadow:none!important;border-radius:0!important}.stage-form .form-group .form-control:focus,.stage-form .form-group .form-select:focus{border-color:#ee6e0a;outline:none!important}.stage-form .form-group .form-control::placeholder{color:#828282}.stage-form textarea{min-height:132px!important}.form-group-title{border-top:1px solid #efefef;margin-top:15px;padding:30px 0 15px}.form-group-title span{color:#2f2f2f;font-size:24px;font-style:normal;font-weight:700;line-height:24px;display:block}.form-file-wrapper{flex-wrap:wrap;display:flex}.form-file-wrapper>label:first-child{width:100%!important}.file-wrapper{width:100%}.file-in{cursor:pointer;border:1px dashed #b8b8b8;border-radius:4px;align-items:center;gap:18px;width:100%;min-height:74px;padding:12px 18px 12px 24px;transition:all .3s;display:flex;position:relative;margin-bottom:0!important}.file-in:hover{background:#fafafa;border-color:#ee6e0a}.file-in img{object-fit:contain;width:40px;height:40px}.file-in .file-info{flex:1}.file-in .file-info span{display:block}.file-in .file-info .file-name{color:#2f2f2f;font-size:14px;font-weight:500}.file-in .file-info .file-hint{color:#828282;font-size:12px}.file-in .file-info .file-size{color:#9bc31c;font-size:12px;font-weight:600}.file-in:after{content:"";background:url(/images/icons/file-select.svg) no-repeat;width:100px;height:37px;display:block;position:absolute;top:17px;right:17px;background-size:contain!important}.form-file-wrapper input[type=file]{visibility:hidden;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden;opacity:0!important}.file-uploaded .file-in{border-radius:4px 0 0 4px;background:#f9fff0!important;border:1px solid #9bc31c!important;border-right:none!important}.file-uploaded .file-in:after{display:none}.file-in-wrapper{width:100%;min-height:122px;margin-bottom:20px;display:flex}.file-in-wrapper .file-in{flex:1}.file-uploaded .file-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-uploaded .file-info .file-name,.file-uploaded .file-info .file-size{display:inline!important}.file-divider{color:#9bc31c;font-weight:700}.file-remove-btn{color:red;cursor:pointer;white-space:nowrap;background:#fff5f5;border:1px solid #dc3545;border-left:none;border-radius:0 4px 4px 0;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.file-remove-btn:hover{color:#fff;background:#dc3545}.form-check{min-height:auto}.form-check-input{width:24px;height:24px;margin-top:0}.form-check-input:focus{box-shadow:none!important}.form-check-input:checked{background-color:#9bc31c!important;border-color:#9bc31c!important}.form-check-label{cursor:pointer;margin-left:8px}.kvkk-group{padding:20px 0}.kvkk-group .form-check-label{color:#595959;font-size:14px}.kvkk-group a{color:#ee6e0a;text-decoration:underline}.btn-form-next{cursor:pointer;border:none;border-radius:4px;justify-content:center;min-width:300px;margin:40px auto;padding:20px 0;font-size:20px;font-style:normal;font-weight:700;line-height:24px;transition:all .3s;display:flex;color:#fff!important;background:#9bc31c!important}.btn-form-next:hover{background:#89ad18!important}.btn-form-next:disabled{cursor:not-allowed;background:#ccc!important}.success-submit-form{text-align:center;flex-direction:column;align-items:center;padding:5vw 0;display:flex}.success-submit-form .success-title{color:#2f2f2f;margin-bottom:10px;font-size:2rem;font-weight:700;display:block}.success-submit-form .success-subtitle{color:#595959;margin-bottom:30px;font-size:1.2rem;display:block}.success-submit-form img{max-width:300px;margin:20px auto}.btn-success-result{color:#fff;background:#9bc31c;border-radius:4px;margin-top:20px;padding:15px 40px;font-weight:600;text-decoration:none;display:inline-block}.btn-success-result:hover{color:#fff;background:#89ad18}.is-invalid{border-color:#dc3545!important}.invalid-feedback{color:red;margin-top:5px;font-size:12px;display:block}@media (max-width:992px){.offline-form-section{padding-bottom:50px}.about-banner{min-height:120px}}@media (max-width:768px){.about-banner h1{font-size:3rem!important}.offline-step-area .step ul{width:100%;max-width:250px}}@media (max-width:576px){.about-banner h1{font-size:2rem!important}.btn-form-next{min-width:100%;padding:15px;font-size:18px}.file-in-wrapper{flex-direction:column}.file-uploaded .file-in{border-bottom:none!important;border-right:1px solid #9bc31c!important;border-radius:4px 4px 0 0!important}.file-remove-btn{border-top:none;border-left:1px solid #dc3545;border-radius:0 0 4px 4px;width:100%;padding:12px}.file-uploaded .file-info{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.file-uploaded .file-info .file-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:120px;overflow:hidden}.file-uploaded .file-info .file-size,.file-uploaded .file-info .file-divider{flex-shrink:0}}@media (max-width:500px){.about-banner{background-image:url(/images/banner/mobil/yedek-parca-tedarikci-basvurusu-banner.png)}}
