.wizard-container {
    max-width: 1000px;
    margin:0px auto;
    background-color: #FFFFFF;
    padding: 50px;
    border-radius: 40px;
    box-shadow: 0px 2px 39px 0px rgba(0, 0, 0, 0.078431372);
    overflow: hidden;
    position: relative;
}
.wizard-loader-hidden{
    display: none;
}

.wizard-loader{
    position: absolute;
    z-index: 1;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    padding: 57px 0;
}

.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}

label {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

input {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

button {
    padding: 10px 15px;
    margin: 10px 5px;
    background: #0073e6;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

button:hover {
    background: #005bb5;
}

.error-message {
    color: red;
    font-size: 12px;
}

.rates-container
 {
    display: flex;
    gap: 35px;
}

.rates {
    cursor: pointer;
    border: 1px solid #658aa1 !important;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    overflow:hidden;
    width:100%;
}
.rates:hover {
 background:#08197f;
 color:#fff
}

.rates:hover h3{color:#fff}
.rates:hover p{color:#fff}

.rates h3 {
color: #fff;
    background: #005eb3;
    text-transform: capitalize;
    width: 100%;
    margin: 0px;
    padding: 30px;
    font-size: 22px;
    font-weight: 600;
}

.rates p {margin: 0px;
    padding: 15px;
    font-size: 32px;
    color: #005eb3;
    font-weight: 600;
    line-height:1.3;
    margin-top:20px;
}

.rates.selected {background:#08197f;color:#fff}
.rates.selected p{color:#fff}
.rates.selected span{color:#fff}



.rates{cursor:inherit !important;}
.select-rates{background: #ed6323 !important; padding: 10px 24px !important;
    border-radius: 10px !important;}
.rates{padding-bottom: 20px !important;}
.back-to-site{width:auto !important; padding:10px 15px !important}
.select-update-rates{background: #ed6323; padding: 10px 24px;
    border-radius: 10px;}
.select-update-rates:hover{background: #ed6323 !important;}


.rate_selected_text{background: #e5efdb;
    padding: 10px 20px;
    color: #69893f;
    border-radius: 20px;}
.rates:hover{background: #fff !important;color: #202020 !important;}
.rates:hover p{color:#005eb3 !important}

.renewed-account:after{display:none !important}
.renewed-account .return-to-website-button{display:none !important}
.flex-center{display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.wizard-step input[type="text"] {border:none; padding:20px; height:auto; border-radius:7px; font-size:15px;box-shadow:0px 5px 15px #e0e8f2; border:1px solid #eee }

.wizard-step label {font-size: 18px;
    color: #0c126d !important; padding-bottom:10px}

.wizard-step button[type="button"] {border:2px solid #ed6422; color:#08197f; border-radius:10px; font-size:22px; width:170px; padding:10px; margin-top:30px;}  


.wizard-step button:hover {background:#08197f; color:#fff; border-color:#08197f}
.wizard-step button:focus {background:#08197f; color:#fff; border-color:#08197f}
.calender-date{display: flex;align-items: center; justify-content: center;font-weight: 700;
    color: #202020;}
.calender-date img{width: 20px !important;
    margin-right: 18px;}


.section-text-2{display:none}
.wizard-step .error-message , .wizard-step .rates_error{display:block;  font-size:16px; color:#e92618;} 
.section-heading{text-align:center; color:#202002;  font-size:30px; font-weight:700;padding-bottom:0px; margin-bottom:10px}
.section-text{font-size:18px; color:#202002; font-weight:400;text-align:center}
.section-text-2{font-size:18px; color:#202002; font-weight:400;text-align:center}
.rates_error{font-size:16px; font-weight:400;text-align: center;
    margin-bottom: 30px;}
.rates.selected{position:relative}
.rates.selected:after{content: url(https://walton.anisierra.me/wp-content/uploads/2025/04/tick-mark.svg);
    position: absolute;
    right: 30px;
    top: 110px;
    width: 45px;}
.renewed-account:after{content: url(https://walton.anisierra.me/wp-content/uploads/2025/04/tick-mark.svg);
    position: absolute;
    right: 30px;
    top: 60px;
    width: 45px;}
.rates.renewed-account:hover{background:transparent;color:inherit}
.rates.renewed-account.selected{background:transparent}

.renewed-account.rates{position:relative; cursor:default !important}
.renewed-account.rates:hover p{color:#005eb3}
.renewed-account.rates.selected span{color:#202020}
.renewed-account.rates.selected p{color:#005eb3}
.renewed-account {width:400px}


.mb-40{margin-bottom:40px}
.btn-group{display: flex;
align-items: center; justify-content: space-between;}
.rates-container{justify-content: center;}
#update-contract{display: inline-block;
    background: transparent;
    color: #0c126d;
    font-size: 22px;
    border: 2px solid #ed6323;
    border-radius: 10px;
    padding: 10px 30px;transition:.4s ease}
#update-contract:hover{background:#08197f;color:#fff;border: 2px solid #08197f;}
.renew-btns{display: flex;
	align-items: center;flex-direction: column;margin-top: 35px;gap: 20px;}
.prev-step.dull-btn{border: 2px solid #cccccc !important;}
#update-rates{display: inline-block;
    background: transparent;
    color: #0c126d;
    font-size: 22px;
    border: 2px solid #ed6323;
    border-radius: 10px;
    padding: 10px 30px;
    transition: .4s ease;}
#update-rates:hover{background:#08197f;color:#fff;border: 2px solid #08197f;}
.end-step{text-align:center}
.back-to-site{border: 2px solid #ed6422;
    color: #08197f;
    border-radius: 10px;
    font-size: 22px;
    width: 180px;
    padding: 10px;
    margin-top: 30px;transition: .4s ease;}
.back-to-site:hover{background:#08197f;color:#fff;border: 2px solid #08197f;}

.end-step .section-heading{font-size:32px;padding: 20px 0px}
.end-step img{width: 40px;}


@media(max-width:767px) {

.rates-container{flex-direction:column}
	.rates{padding-bottom:40px !important}
	.renewed-account {
    width: 100% !important;}
	.wizard-container{padding:30px !important}
	.rates p{margin-top:0 !important}
}