.cart-navigation.custom-navigation{
    background-color: rgb(245, 245, 245);
    padding: 5.8rem  0 4.3rem;
}
.cart-navigation.custom-navigation{

}
.custom-navigation.cart-navigation > ul li{
    width: 290px;
}
.cart-navigation > ul li:after{
    background-color: rgb(135, 135, 135);
    width: 187px;
    left: 68%;
}
.cart-navigation > ul li:before{
    border-color: rgb(135, 135, 135);
}
.cart-navigation > ul li.active:before{
    background-color: rgb(243, 206, 30);
    border-color: rgb(243, 206, 30);
    color: #333;
}
.cart-navigation > ul li{
    padding-top: 5.5rem;
}
.cart-navigation > ul li.active, .cart-navigation > ul li.active a{
    color: #333;
    font-weight: 500;
}
.custom_inquiry .head h1{
    font-size: 32px;
    margin-bottom: 30px;
}
.contact_inquiry.custom_inquiry{
    padding-top: 60px;
}
.custom_inquiry .head p{
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    color: rgb(66, 66, 66);
}
.custom-form .left{
    width: 50%;
}
.custom-form .right{
    width: 50%;
}
.custom-form select{
    padding: 14px 21px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    font-family: inherit;
    color: #353535;
    font-weight: 500;
    width: 100%;
    appearance: none;
    font-size: 17px;
    background: url('../img/arrow-b.svg') no-repeat right 30px center/17px;
}
.custom-form div>p{
    margin-bottom: 20px;
}
.custom-form div.form{
    max-width: 465px;
}
.custom-form div.form input{
    padding: 12px 21px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    font-family: inherit;
    color: #353535;
    font-weight: 500;
    width: 100%;
    font-size: 17px;
}
.custom-form .left div.form input::placeholder{
    color: #353535;
}
.custom-form .left div.col-left{
    display: flex;
    justify-content: space-between;
}
.custom-form .left div.col-left .more{
    width: 60%;
}
.custom-form .left div.col-left .less{
    width: 37%;
}
.custom-form .button{
    width: 100%;
    background-color: rgb(243, 206, 30);
    color: #333;
    transition: all 0.3s;
    text-align: center;
    font-weight: 500;
}
.custom-form .button:hover{
    background-color: rgb(219, 186, 20);
}
.custom-form .head{
    margin-bottom: 80px;
}
#dZUpload3{
    width: 62px;
    height: 53px;
    text-indent: -9999px;
    display: inline-block;
    min-height: unset;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    background: url('../img/jia.svg') no-repeat center/20px;
}
#dZUpload3>*{
    display: none;
}
.custom-form textarea{
    padding: 12px 21px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    font-family: inherit;
    color: #353535;
    font-weight: 500;
    width: 100%;
    min-height: 243px;
    font-size: 17px;
}
.custom-form textarea::placeholder{
    color: #353535;
}
.contact_inquiry.custom_inquiry .head h2{
    font-size: 32px;
    margin-bottom: 30px;
}

.custom-form div.form input[type="submit"]{
    padding-top: 17px;
    padding-bottom: 17px;
    font-weight: 600;
    border: none;
    background-color: rgb(243, 206, 30);
}

div.custom_results{
    max-width: 467px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    padding: 34px 35px;
}
div.custom_results p{
    font-size: 17px;
    font-weight: 600;
    color: #353535;
    margin-bottom: 0.2rem;
}
div.custom_results span{
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    display: inline-block;
}
div.custom_results li{
    margin-bottom: 23px;
}
.step3{
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
}
.finish_custom{
    background-color: rgb(243, 206, 30);
    color: #353535;
    font-size: 17px;
    max-width: 465px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 60px;
    width: 100%;
}
.form-step{
    display: none;
}
.form-step.active{
    display: block;
}

.need-fill{
    border-color: rgb(219, 186, 20) !important;
}
.wpcf7-form-control-wrap{
    margin-bottom: 20px;
    display: block;
}
.img-container{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 1.2rem;
}
.img-container .img{
    height: 53px;
}
.img-container .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-form .wpcf7-spinner{
    margin-left: 0;
    margin-top: 1rem;
}
.can_click{
    cursor: pointer;
}
.finish_custom:hover{
    color: white;
}