.order-address.logged-in {
    overflow: initial !important;
}

.order-address {
    color: #fff;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/home.jpg") center/cover no-repeat;
}

.order-address.logged-in {
    background: linear-gradient(-133deg, rgba(104, 201, 218, 0.86), rgba(2, 84, 142, 0.86)), url("images/home.jpg") center/cover no-repeat;
}

.order-addres.logged-in {
    overflow: auto;
}


.order-address-container{
    padding:6rem 0;
}

.order-address-container h2{
    font-size: x-large;
    font-weight:bold;
    margin-left:10px;
}



.order-address fieldset{
    border-radius: 2rem;
    margin: 3rem 1rem;
    background-color: #34373bc2;
    padding: 4em 2em 2em 2em;
    text-decoration:none;
    border: solid transparent;
    position:relative;
}


.order-address fieldset legend{
    position:absolute;
    top:20px;
    left:2em;
    font-weight: bold;
}

.order-address fieldset .form_row{
    margin-bottom:1em;
}

.order-address .form_row.text-right{
    text-align:right;
}

.order-address fieldset .form_row .form_radio_container{
    display: inline-block;
}
.order-address fieldset .form_row label:not(.label_radio):not(.label_checkbox){
    display:inline-block;
    width:25%;
}

.order-address .form_row label.label_radio,
.order-address .form_row label.label_checkbox{
    margin:0 3em 0 1em;
}

.form_row input:not([type="submit"]){
    background-color: #34373bc2;
    padding:0.2em;
    max-width: 100%;

}

.order-address-container2{
    background-color:#FFF;
    border-radius: 2rem;
    padding: 3.2rem;
    color: #303030;

    display:flex;
    gap: 3.2em;
    font-size:1.6rem;
    margin-bottom:4em;
    margin-top:3em;
    align-items:stretch;
}

.order-meta-info{
    flex:1 1 33%;
    display:flex;
    flex-direction: column;
}

.order-meta-info{
    flex:1 1 33%;
}
.order-form{
    flex:1 1 67%;
}

.order-address-container2 h2{
    font-weight:bold;
    font-size:2.4rem;
    margin-bottom:3.2rem;
}

.order-form-header{
    display:flex;
    margin-bottom: 3.2rem;
    text-transform: uppercase;
    font-weight:bold;
}

.steps{
    font-size:1.5rem;
    margin-right:auto;
}

.steps ul li{
    display:inline;
    color: #a8a7a7;
}

.steps ul li.active{
    color:inherit;
    position:relative;
}

.steps ul li.active::after{
    position: absolute;
    content:'';
    height:3px;
    bottom:-0.4em;
    left:0;
    width: 100%;
    background-color: #4fb2d2;

}

.steps ul li + li{
    position:relative;
    margin-left:1.5em;
}

.steps ul li + li::before{
    position:absolute;
    content: '//';
    display: inline-block;
    left:-1em;
    color: #a8a7a7;
}

.order-form{
    display:flex;
    align-items:center;
    flex-direction:column;
}

.order-form-header{
    width:100%;
}

.order-form-header .steps-number{
    font-size:1.5em;
}


.order-form h3{
    font-size:1.6rem;
    font-weight: bold;
    margin-top:3.2rem;
    border-bottom:1px solid;
    margin-bottom:1.6rem;
}
.order-form-body{
    width:100%;
}

.order-form-body .form_row{
    margin-bottom:1.2rem;
}

.order-form-body .form_row.sub_row{
    margin-top:-1.2rem;
    padding-left:3.2rem;
    position: relative;
}
.order-form-body .form_row.sub_row:before{
    content:'';
    background-image: url('../images/arrow-down-right.svg');
    background-repeat: no-repeat;
    background-position: left 80%;
    width:3.2rem;
    height:100%;
    display: inline-block;
    position:absolute;
    left:0;
    bottom:0;
}

.order-form-body .form_row label:not(.label_checkbox):not(.label_radio),
.order-form-body .form_row .radio-body label{
    display:block;
}

.order-form-body .form_row select,
.order-form-body .form_row input:not([type="radio"]):not([type="checkbox"]),
.order-form-body .form_row textarea
{
    width:100%;
    border:1px solid #a8a7a7;
    font-size:1.6rem;
    padding:0.5rem;
    background: #f8f8f8;
}

textarea{
    height:200px;
}

.order-form-body .help{
    font-size:1.2rem;
    color:#a8a7a7;
}

.order-form-body .help a{
    font-weight:bold;
    color:#4fb2d2;
}

.form_radio_container{
    display: flex;
    gap:1.2rem;
}

.radio-item-container{
    display: flex;
    border:1px solid #a8a7a7;
    border-radius:1rem;
    background-color:#f8f8f8;
    padding:0.8rem;
    align-items: flex-start;
}

.radio-body{
    flex:1 1 80%;
}

.radio-body label{
    font-weight:bold
}

.radio-button-container{
    padding-right:1.8rem;
}

.radio-item-container em{
    font-size:1.2rem;
    line-height: initial;
    display: inline-block;
}

.radio-item-container.active,
.radio-item-container:hover{
    border:1px solid #4fb2d2;
    cursor: pointer;
}

.radio-item-container .radio-body label.label_radio{
    margin:0;
}

.radio-item-container.active .radio-body label,
.radio-item-container:hover .radio-body label{
    color:#4fb2d2;
}

.order-form-step-footer{
    display:flex;

}

.order-form-step-footer .btn-next,
.order-form-step-footer .btn-submit{
    margin-left:auto;
}

.order-form .btn{
    font-weight:bold;
}

.btn-o{
    background-color:inherit;
    color:#4fb2d2;
}

.order-form .btn:hover{
   background-color: #255f73;
    color:#FFF;
}

.btn.btn-o:hover{
    color:#FFF;
    background-color:#4fb2d2;
}

.btn.btn-prev{
    margin-left:0;
}

.btn.btn-prev,
.btn.btn-next{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.btn-submit{
    display:flex;
    align-items: center;
}

.btn img{
    max-height:1.5em;
    margin-right:1em;
}

.btn.btn-prev img,
.btn.btn-next img{
    margin:0;
}

.error{
    color:#ff2222;
    font-weight: initial;
    font-size:1.2rem;
}

.order-form-body .form_row.has-error select,
.order-form-body .form_row.has-error input:not([type="radio"]):not([type="checkbox"]){
    border-color: #ff2222;
}

iframe {
    border: none;
    width: 100%;
    height: 800px;
}