:root {
    --stepNumber: 3;
}
.from-wrapper-outer{padding:0 30px;background: #f7f8fa;}
.from-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /* min-height: 100vh; */
    overflow-x: hidden;
    background: #f7f8fa;
    padding:50px 0;
}
.from-wrapper-inr{max-width:100%;width:900px;margin:0 auto 50px;background: #fff;border:1.5px solid #e5e5e5;border-radius:30px; display: flex;align-items: center;justify-content: center;font-family: "Outfit", sans-serif;overflow:hidden;}
.from-wrapper .container {
    max-width: 550px;
    width:100%;
    background: #fff;
    text-align: center;
    /* border:1.5px solid #e5e5e5;
    border-radius:30px; */
    padding:50px 35px 20px 35px;
}
.from-wrapper .container header {
    font-size: 35px;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.from-wrapper .container .form-outer {
    width: 100%;
    overflow: hidden;
}
.from-wrapper .container .form-outer form {
    display: flex;
    width: calc(100% * var(--stepNumber));
    -webkit-align-items:center
}
.form-outer form .page {
    width: calc(100% / var(--stepNumber));
    transition: margin-left 0.3s ease-in-out;
}
.form-outer form .page .title {
    font-size: 30px;
    font-weight:700;
}
.form-outer form .page .field {
    width: 100%;
    margin: 45px 0;
    display: flex;
    position: relative;
    -webkit-justify-content:center;
}
.form-outer form .page .field+.title+.field{margin-top:20px}
.dropdown+.field{margin-top:10px!important}
.form-outer form .page .field label {
    display:-webkit-flex;
    -webkit-align-items:center;cursor: pointer;font-weight:400;
}
.field_box{border:1.5px solid #e5e5e5;border-radius:30px;padding:50px 40px;width:100%;}
.title-small + .field .field_box{line-height:2;}
form .page .field .label {
    position: absolute;
    top: -30px;
    font-weight: 500;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #868f95;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #868f95;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #868f95;
}
:-moz-placeholder { /* Firefox 18- */
  color: #868f95;
}
form .page .field input,form .page .field select{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid #333;
    padding:7px 10px 7px 15px;
    margin: 0 1px;
    font-size: 18px;
    min-height:45px;
    color:#868f95;
    transition: border-color 150ms ease;
}
form .page .field input{text-align:center;cursor: pointer;}
form .page .field input:focus{outline: none;} 
form .page .field input+input ,form .page .field select+select{margin-top:30px}
form .page .field input[type="radio"]{width:30px;min-width:30px;height:30px;padding: 0;}
form .page .field input.invalid-input,form .page .field select.invalid-input {
    border-color: red;
}
.help_text{padding-left:15px;}
.help_text p{font-size:15px;line-height:1.6}
.help_text h4{font-weight:700;font-size:18px;margin:0 0 15px;}
form .page .field select {
    -webkit-appearance: none;
  -moz-appearance: window;
  background-image:url("https://toptenbestsoftware.org/wp-content/uploads/2024/07/4.png");
 background-repeat: no-repeat;
 background-position: right center;
 background-size: auto 100%;
}
form .page .field button {
    height: calc(100% + 5px);
    border: none;
    background:#0070f5;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s ease;
    padding:12px 50px;
    display: inline-block;
    text-align: center;
    box-shadow: rgba(0, 112, 245, 0.2) 0px 8px 16px;
    cursor: pointer;
    letter-spacing: 0.5px;
}
form .page .field button:hover {
    background: #0E5799;
}
form .page .btns{justify-content:center;}
form .page .btns button.prev {
    margin-right: 3px;
}
form .page .btns button.next {
    margin-left: 3px;
}
.from-wrapper .container .progress-bar {
    display: flex;
    margin: 40px 0;
    user-select: none;
    display: none;
}
.from-wrapper .container .progress-bar .step {
    text-align: center;
    width: 100%;
    position: relative;
}
.from-wrapper .container .progress-bar .step p {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}
.progress-bar .step .bullet {
    height: 25px;
    width: 25px;
    border: 2px solid #000;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
}
.progress-bar .step .bullet.active {
    border-color: #333;
    background: #333;
}
.progress-bar .step .bullet span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.progress-bar .step .bullet.active span {
    display: none;
}
.progress-bar .step .bullet:before,
.progress-bar .step .bullet:after {
    position: absolute;
    content: "";
    bottom: 11px;
    right: -51px;
    height: 3px;
    width: 44px;
    background: #262626;
}
.progress-bar .step .bullet.active:after {
    background:#333;
    transform: scaleX(0);
    transform-origin: left;
    animation: animate 0.3s linear forwards;
}
@keyframes animate {
    100% {
        transform: scaleX(1);
    }
}
.progress-bar .step:last-child .bullet:before,
.progress-bar .step:last-child .bullet:after {
    display: none;
}
.progress-bar .step p.active {
    color: #333;
    transition: 0.2s linear;
}
.progress-bar .step .check {
    position: absolute;
    left: 50%;
    top: 70%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
}
.progress-bar .step .check.active {
    display: block;
    color: #fff;
}

.form-outer form .page .easternTime+.field{margin-top:20px}
.title-big{font-size:50px;font-weight:700}
.title-small{font-size:23px;margin:50px 0 0;font-weight:700;line-height: 1.5;}
.section{background: #f7f8fa;}
.top-wrapper{max-width:960px;margin:0 auto;}
.top-wrapper-inr{display: flex;align-items:center;}
.top-content,.top-img{width:50%;padding:50px 30px;}
.top_title{font-size: 45px;font-weight: 700;color: #081e2b;margin:0;font-family: "Outfit", sans-serif;}


.easternTime{color:#0070f5;font-size:12px;position: relative;display:inline-block;}
.easternTime:after{
    position: absolute;
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 11px;
    right: -15px;
    top: 4px;
    transform: rotate(90deg);
}


.dropdown {
  display: inline-block;
  position: relative;
  margin-top: -10px;
}

.dd-button {
  display: inline-block;
  padding: 10px 30px 10px 20px;
  background-color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
  color:#0070f5;
}

.dd-button:after {
  position: absolute;
  top: 15px;
  right: 15px;
  transform: translateY(-50%);
  content: "\f054";
    font-family: 'FontAwesome';
    font-size: 11px;
    transform: rotate(90deg);
}

.dd-button:hover {
  background-color: #eeeeee;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
  z-index: 9;
text-align: left;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
} 

.dd-menu li {
  padding: 10px 20px;
  cursor: pointer;
  white-space: nowrap;
}

.dd-menu li:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px;
}
.ui-datepicker{left:0!important;right:0;margin:0 auto;z-index: 9999 !important;} 
.dropdown-menu{left:0!important;right:0!important;margin:0 auto!important;width: 220px;}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight{border: 1px solid #06335a!important;background: #0E5799!important;color: #fff!important;}




@media screen and (min-width:1800px) {
.from-wrapper .container{padding-top:50px;padding-bottom: 30px;}
}
@media screen and (min-width:3200px) {
form .page .field input[type="radio"]{width:40px;min-width:40px;height:40px}
.from-wrapper .container{padding-top:60px;padding-bottom: 40px;}
}
@media screen and (max-width: 900px) {
    .top-wrapper-inr{flex-flow:column;}
    .top-content,.top-img{padding:15px 0;}
    .top-content{width:75%;margin:0 auto;order:2;}
    .top-img{width:100%;max-width:400px;margin:0 auto;order:1;}
    .top_title{text-align:center;}
}
@media screen and (max-width: 767px) {
    form .page .field input[type="radio"]{width:20px;min-width:20px;height:20px}
}
@media screen and (max-width: 660px) {
    .progress-bar .step p {
        display: none;
    }
    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        display: none;
    }
    .progress-bar .step .bullet {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .progress-bar .step .check {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 15px;
        transform: translate(-50%, -50%);
        display: none;
    }
    .step {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top_title{font-size: 38px;}
    .field_box{padding: 40px 30px;}
}
@media screen and (max-width: 490px) {
    .container {
        box-sizing: border-box;
        border-radius: 0;
    }
    .top_title{font-size: 32px;}
    .from-wrapper-outer {padding: 0 15px;}
    .from-wrapper .container{padding-left:20px;padding-right:20px;}
    .field_box{padding: 30px 20px;}
    .title-big{font-size: 40px;}
}
@media screen and (max-width: 380px) {
    .from-wrapper-outer {padding: 0 12px;}
    .from-wrapper .container{padding-left:15px;padding-right:15px;}
    .title-big{font-size: 30px;}
}