h1 {
            font-size: 20px;
            padding: 20px;
            border-radius: 0;
            color: #fff;
            background: #8f3612;
            margin: 10px;
            text-align: center;
            text-transform: uppercase;
        }

        body {
            background-color: #e8eaf6;;
            background-attachment: fixed;
            background-size: cover;
            min-height: 100vh;
            font-family: "Poppins", sans-serif;
        }

        .topArea{
            padding: 10px;
            background: #fff;
            border-radius: 10px
        }
        
        .topArea .block{
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
        .topArea .block span{
            width: 25%;
            height: 100px;
            display: flex;
            flex-direction: column;
            text-align: center;
            margin: 10px;
            border: 1px solid #ddd;
            align-items: center;
            justify-content: center;
            font-weight: bold
        }
        .topArea .block span strong{
            font-size: 12px;
            font-weight: normal;
        }
        .topArea .block span.active{
            border: 5px solid #8f3612;
            color: #8f3612;
        }
        .topArea .block span.active strong{
            color: #000
        }
        
        
        .steps{
            background: #fff;
            border-radius:10px;
            padding: 20px
        }
        
        .fileh {
            display: none;
        }

        .returnarea>div {
            padding: 10px;
            border: 1px solid #ddd;
            margin: 5px 0;
            background: #ededed;
        }

        .returnarea>div.error {
            border-color: #ff5722;
            background: #ffbab9;
        }

        .returnarea>div.success {
            border-color: #4caf50;
            background: #c0ffc2;
        }

        .block {
            display: block;
        }

        label {
            margin-bottom: 2px;
        }

  

        #kredi,
        #havale,
        .online-- {
            display: none;
        }

        form {
            padding: 10px 0;
        }


        .form-control,.form-select {
            border-radius: 0;
            border: 1px solid #a9bcd1;
            font-size: 15px
        }

        .form-control:focus {
            border-color: #a9bcd1;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgb(55 1 58 / 12%);
        }

        .form-group {
            margin-bottom: 10px;
        }

        

        .next-btn {
            padding: 10px;
            background: #8f3612;
            border: 1px solid #8f3612;
            width: 150px;
            float: right;
            cursor: pointer;
            color: #fff;
        }

        .prev-btn {
            padding: 10px;
            background: #8f3612;
            color: #fff;
            border: 1px solid #8f3612;
            width: 150px;
            float: left;
            cursor: pointer;
        }
.cancel-btn{
    float: none;
    padding: 5px;
    width: 100%;
    background: #a50000;
    color: #fff;
    border: 1px solid #510000;
    cursor: pointer;
}
        .first-step:after,
        .second-step:after,
        .third-step:after {
            content: " ";
            clear: both;
            display: block;
        }

        .line {
            display: inline-block;
        }
		
		.n1,.n2{
			display: none;
		}
		
		.n1.active,.n2.active{
			display: table-cell;
		}
        
        .tabs-area{
            padding: 20px;
            background: #dfe9fc9c;
            margin-bottom: 20px
            
        }
        
        .tabs-area .tab-heeader{
            display: flex;
            flex-direction: row;
            margin-bottom: 10px;
        }
        .tabs-area .tab-heeader .tabh{
            width: 50%;
            padding: 10px 20px;
            font-size: 15px
        }
        .tabs-area .tab-heeader .tabh.active{
            background: #8f3612;
            color: #fff;
        }
        .tabs-area .tab-heeader .tabh .form-group{
            margin: 0;
        }
        .form-check-input{
            margin-right: 10px
        }
        .form-check-input:checked {
            background-color: #b3beff;
            border-color: #b3beff;
        }
        
        .form-check-input:focus {
    border-color: #b3beff;
    outline: 0;
    box-shadow:0 0 0 0.25rem rgb(2 51 1 / 15%)
}
        #bireyself,#firmaf{
        }