/* @media only screen and (min-width: 1600px){
    .container{
        max-width: 1288px !important;
    }
} */
.forminputbox.additemboxmain {
	position: relative;
}
.select_box {
	position: relative;
}
.select_arrow {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.ui-autocomplete-loading ~ span.location_loader
{
    background-image: url('https://www.freightsave.com.au/wp-content/uploads/2024/04/Spinner@1x-1.0s-200px-200px.gif') !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
#dev_id_list_suburb_autosuggetion_form .autosugst_serach_loader{
    background-color: transparent;
    background-image: url('https://www.freightsave.com.au/wp-content/uploads/2024/04/Spinner@1x-1.0s-200px-200px.gif') !important;
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
}
.banner-section--home{
    position: relative;
    font-family: 'Poppins', sans-serif;
    background-color: #FFEBEE;
    background-image: url('../images/homepage-banner-car.png');
    background-repeat: no-repeat;
    background-position: 96% 90%;
    border-radius: 0 0 100px 100px;
    padding: 50px 0;
    margin: 0;
    isolation: isolate;
}
.banner-section--home::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
    height: 200px;
    background-color: #FEE3E7;
    border-radius: 100px;
    z-index: -1;
}
.banner-section--home .hero-text-block{
    width: 60%;
}
.banner-section--home .hero-text-block .content{
    max-width: 55%;
} 
.banner-section--home .hero-text-block .content h1{
    font-family: inherit;
    font-size: 34px;
    color: #3a3a3c;
    line-height: 1.1;
    font-weight: 700;
    text-transform: capitalize;
    padding: 0 0 8px 0;
    margin: 0;
}

.banner-section--home .hero-text-block .content h3{ font-size:22px; line-height:1.2; margin:0; padding:10px 0 15px 0; }

.banner-section--home .hero-text-block .content h1 > strong{
    display: block;
    font-size: 16px;
    color: #ed213b;
    line-height: 1.1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
}
.banner-section--home .hero-text-block .content h1 > span{
    display: block;
    color: #ed213b;
    font-weight: 900;
    font-style: italic;
    text-transform: lowercase;
}
.banner-section--home .hero-text-block .content p{
    font-family: inherit;
    font-size: 15px;
    color: #3a3a3c;
    line-height: 1.4;
    font-weight: 400;
    padding: 0;
    margin:0 0 15px 0;        
}

.banner-section--home .hero-text-block .content ul li{ font-family:inherit; font-size:15px; color:#3a3a3c; line-height:1.3; font-weight:400; padding:0 0 0 15px; margin:0 0 14px 0; position:relative; }
.banner-section--home .hero-text-block .content ul li:before{ content:""; position:absolute; width:10px; height:10px; background:var(--red); border-radius:50%; left:0; top: 5px; }

.banner-section--home .hero-text-block .content p > strong{
    color: #ac0016;
    font-weight: 700;
}
.banner-section--home .hero-text-block .content .btnn-group{
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}
.banner-section--home .hero-text-block .content .btnn{
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    color: #3a3a3c;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #ED213B;
    border-radius: 50px;
    padding: 15px 36px;
    margin: 0;
}
.banner-section--home .hero-text-block .content .btnn.btnn-danger{
    background-color: #ed213b;
    color: #fff;
}
/* .banner-section--home .hero-text-block .content .btnn.btnn-outline-danger{
    border-color: #ed213b;
    color: #fff;
} */
.banner-section--home .hero-text-block .avataar img {
    display: block;
    transform: translateY(95px);
}
/**
    FORM BLOCK CSS
*/
.banner-section--home .hero-form-block{
    width: 40%;
    background-color: #ED213B;
    color: #fff;
    border-radius: 10px;
    padding: 21px;
    margin: 0 0 -87px 0;
}
/* Chrome, Safari, Edge, Opera */
.banner-section--home .hero-form-block input::-webkit-outer-spin-button,
.banner-section--home .hero-form-block input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.banner-section--home .hero-form-block input[type=number] {
    -moz-appearance: textfield;
}
.banner-section--home .hero-form-block .banner_form_btn_main{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.banner-section--home .hero-form-block .btn{
    font-family: inherit;
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    font-weight: 700;
    border: 1px solid #fff;
    height: auto;
    text-transform: uppercase;
    padding: 21px 40px;
    margin: 0!important;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 10px 26px rgb(161, 11, 30, .63);
}
.banner-section--home .hero-form-block .btn::after{
    color: var(--red);
}
.banner-section--home .hero-form-block .btn-outline{
    font-family: inherit;
    font-size: 16px;
    color: #fff !important;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #fff !important;
    box-shadow: none;
    margin: 0!important;
}
.banner-section--home .hero-form-block .btn.btn-outline:hover{
    color: #fff !important;
    background-color: #ED213B!important;
}
.banner-section--home .hero-form-block .btn:hover{
    color: #ED213B!important;
    background: #fff;
    border: 1px solid #fff;
    outline: none;
}
.banner-section--home .hero-form-block .btn-o::before,
.banner-section--home .hero-form-block .btn-o:hover::before{
    display: none;
}
.banner-section--home .hero-form-block label.error{
    color: #fff!important;
    font-size: 13px!important;
    font-style: italic!important;
}
.banner-section--home .hero-form-block .enrolment-step-navigation{
    display: none !important;
}   
.banner-section--home .hero-form-block .banner_form_box_main{
    padding: 0;
    margin: 0;
} 
.banner-section--home .hero-form-block .cms-area{
    padding: 0;
    margin: 0;
}
.banner-section--home .hero-form-block .instantquotepage .checkrates_section,
.banner-section--home .hero-form-block .instantquote_section.booknow_section {
    background-color: #ED213B;
    padding: 0;
}
.banner-section--home .hero-form-block .booknow_section{
    box-shadow: none;
}
.banner-section--home .hero-form-block .banner_form_box_main .quote-text-note{
    font-family: inherit;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    padding: 0;
    margin: 0 0 23px 0;
}
.banner-section--home .hero-form-block .banner_form_box_main .form-group{
    padding: 0;
    margin: 0 0 25px 0;
}
.banner-section--home .hero-form-block .banner_form_box_main .forminputbox .form-control{
    font-family: inherit;
    font-size: 16px;
    color: #000;
    line-height: 1.3;
    background-color: #fff;
    border: none;
    border-radius: 8px;
    caret-color: #ED213B;
    font-weight: 400;
    padding: 20px;
    margin: 0;
}
.banner-section--home .hero-form-block .banner_form_box_main form .form-group .forminputbox input.form-control.suburbPostAutoFrom {
    padding-right: 33px !important;
}
.banner-section--home .hero-form-block .banner_form_box_main .forminputbox select.form-control{
    padding: 15px;
}
.banner-section--home .hero-form-block .banner_form_box_main .forminputbox .form-control::placeholder{
    color: #000;
    opacity: 1;
}
.banner-section--home .hero-form-block .booknow_section .booknow_form .forminputbox.additemboxmain span.graybgin {
    --size: 39px;
    font-family: inherit;
    position: absolute;
    right: 10px;
    top: 50%;
    bottom: unset;
    width: var(--size);
    height: var(--size);
    background: #FFCFD5;
    text-align: center;
    line-height: var(--size);
    font-size: 16px;
    letter-spacing: 0px;
    color: #ED213B;
    font-weight: 700;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 4px;
    border: 1px solid #ED213B;
    transform: translateY(-50%);
}
.banner-section--home .hero-form-block .footnote{
    display: block;
    text-align: right;
    font-family: inherit;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    font-style: italic;
    padding: 10px 20px;
    margin: 0;
}
.banner-section--home .hero-form-block .banner_form_box_main form .form-group.custremove_item {
    position: absolute;
    right: -29px;
    right: 0px;
    top: -90%;
    margin: 0 !important;
}
.banner-section--home .hero-form-block  .banner_form_box_main form .form-group.custremove_item span.remove_item_class {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    border: 2px solid #ed213b;
    background: #fff;
}
.table-responsive,
.table-responsive table thead,
.table-responsive table thead tr,
.table-responsive table thead tr th,
.table-responsive table thead tr td{
    font-size: 14px !important;
    background-color: #fff !important;
}
.col-quote-address::before {
    background: #fff;
    border: 1px solid #fff;
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    top: 30px;
    bottom: 0;
    z-index: 0;
    border-radius: 10px;
}
.cvarrier_detail_detail {
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
}
.cvarrier_detail_detail .h5 {
    font-family: inherit;
    font-size: 16px;
    color: #ed213b;
    line-height: 1.3;
}
.cvarrier_detail_detail label {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: normal;
    color: #222222;
    font-weight: 700;
    margin: 0 0 2px 0;
}
.cvarrier_detail_detail .cvadet {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: normal;
    color: #222;
    margin: 0 0 0 0;
    font-weight: 400;
}
.banner_form_box_main form .dangerous-goods-text{
    font-family: inherit;
    font-size: 18px;
    color: #fff!important;
    line-height: 1.3;
    font-weight: 600;
    padding: 0;
    margin: 0 0 12px 0;
}
.banner_form_box_main form .form-group label.dangerous-goods-text--label{
    font-family: inherit;
    font-size: 14px;
    color: #fff !important;
    line-height: 1.3;
    font-weight: 400;
    padding: 0;
    margin: 0;
}
.checkbox_main .checkboxinput {
    accent-color: #ed213b!important;
}
.dangerous-goods-text--label > a{
    color: #fff!important;
}
#clickpopupdisplay-validation {
    background: #fff;
    color: #ed213b;
    height: auto;
    border-radius: 50px;
}
#btngetquote_third {
    background: #fff;
    color: #ed213b;
    height: auto;
    border-radius: 50px;
}
.row.dangerous_class > .col-lg-6.col-md-6.col-sm-6 {
    max-width: 100% !important;
    flex: 0 0 100%;
}
.row.dangerous_class .collectfromdetails, 
.row.dangerous_class .delivertodetails {
    background: #f7f7f7;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #dcdcdc;
}
.row.dangerous_class .collectfromdetails label, 
.row.dangerous_class .delivertodetails  label{
    font-family: sans-serif;
    font-size: 16px;
    color: #141414;
    line-height: 1.3;
    font-weight: 700;
    padding: 0;
    margin: 0;
}
/**
    Form 3rd Step CSS
*/
.page-template-template-testing-api .row.selected_qoute_carrier h5 {
    color: #fff;
    font-size: 20px;
    font-family: inherit;
    line-height: 1.3;
}
.page-template-template-testing-api .row.selected_qoute_carrier .table-responsive table tbody tr th{
    font-size: 13px!important;
    font-weight: 500!important;
}
.page-template-template-testing-api .row.selected_qoute_carrier .table-responsive table tbody tr td{
    font-size: 13px!important;
    font-weight: 400!important;
}
.page-template-template-testing-api .row.selected_qoute_carrier .table-responsive table tbody tr:first-child th:first-child {
    display: none !important;
}
.page-template-template-testing-api .row.selected_qoute_carrier .table-responsive table tbody tr:nth-child(2) td:first-child {
    display: none !important;
}  
.page-template-template-testing-api .banner_form_box_main form h6.spcl-instruction--label{
    font-size: 16px;
}
.page-template-template-testing-api .checkbox_main label.lbl_checkbox{
    font-size: 13px !important;
    line-height: 1;
}
.page-template-template-testing-api #c_contact_name-error,
.page-template-template-testing-api #c_phone_number-error,
.page-template-template-testing-api #c_email-error,
.page-template-template-testing-api #c_unit_street_number-error,
.page-template-template-testing-api #d_contact_name-error,
.page-template-template-testing-api #d_phone_number-error,
.page-template-template-testing-api #d_email-error,
.page-template-template-testing-api #d_unit_street_number-error,
.page-template-template-testing-api #save_qoute-error {
    color: #ed213b !important;
}
.page-template-template-testing-api .savethisquote_popup .about_popup_main > h5 {
    font-family: inherit;
    font-size: 20px;
    line-height: 1.3;
}
.page-template-template-testing-api #save_qoute {
    border: 1px solid #eee;
}
.page-template-template-testing-api #savethisquote {
    height: auto;
    border-radius: 50px;
    font-family: inherit;
    font-size: 16px;
    padding: 17px 29px;
    width: auto;
    line-height: 1.3;
}
.page-template-template-testing-api .additembtn.btn-o.btn-primary-o.step-back {
    color: #ed213b!important;
}
.page-template-template-testing-api p[style="color:red; text-align:center;"]{
    color: #fff!important;
}
@media only screen and (max-width: 1399px){
    .banner-section--home .hero-form-block .banner_form_box_main .quote-text-note {
        font-size: 25px;
        margin: 0 0 20px 0;
    }
    .banner-section--home .hero-text-block .avataar img {
        display: block;
        transform: translateY(11px);
    }
    .banner-section--home .hero-text-block .content h1 {
        font-family: inherit;
        font-size: 45px;
        color: #3a3a3c;
        line-height: 1;
        font-weight: 400;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
    }
    .banner-section--home .hero-text-block .content p {
        font-family: inherit;
        font-size: 16px;
        margin: 20px 0;
    }
    .banner-section--home .hero-form-block .banner_form_box_main .forminputbox .form-control {
        font-family: inherit;
        font-size: 14px;
        border-radius: 6px;
        padding: 12px;
        margin: 0;
    }
    .banner-section--home .hero-form-block .btn {
        font-family: inherit;
        font-size: 15px;
        padding: 15px 24px;
    }
}